tinymce 字体样式_谷歌字体和TinyMCE

是的，这是可能的，我将描述实现这一目标的两种方法 .

Way #1: 示例：google font Cantarell使用自己的插件

为了使其工作，您需要write your own tinymce plugin并将此代码放入tinymce iframes标头中 . 在您自己的插件中使用onInit事件来添加它 .

这看起来像：

ed.onInit.add(function(){

with(document.getElementById(iframe_id).contentWindow)

{

var h=document.getElementsByTagName("head");

var newStyleSheet=document.createElement("link");

newStyleSheet.rel="stylesheet";

newStyleSheet.href="http://fonts.googleapis.com/css?family=Cantarell&subset=latin";

h[0].appendChild(newStyleSheet);

}

});

此外，您必须将所需的字体添加到您的CSS中才能应用它 . 您可以使用tinmyce init parameter content_css . 在那里你需要指定类似的东西：

p { font-family: 'Cantarell', arial, serif; }

Way #2: 示例：google font Cantarell使用font-face声明

将字体文件(即Cantarell-Regular.ttf)放在服务器上的某个位置(请注意，IE(Internet Explorer)通常需要eot文件) . 现在您需要做的就是在content_css中使用@ font-face声明

@font-face {font-family: "my_own_family"; src: url("http://mydomain.com/fonts/Cantarell-Regular.ttf");}

并将其应用于css元素 . 例：

p { font-family: 'my_own_family', helvetica, arial, serif; }

tinymce 字体样式_谷歌字体和TinyMCE相关推荐

5 好看的字体样式_嫌电脑字体样式太少，这款小软件几百种的样式随便你选择...
在日常工作中,发现电脑字体默认样式非常少,而且还不美观,文档啊.PPT啊一打开全是一样的宋体啊黑体啊等等,如果你工作的单位有要求字体样式,那就算了,如果不是或者你是个设计,那这款软件真的好用,几百种字 ...
各种数字字体样式_来自中世纪建筑文化的字体——————哥特式
哥特式字体有一些异乎寻常的吸引力,它可以使任何使用这种样式的文本看起来华丽和雄伟,这可能是为什么哥特式字体被广泛用于品牌和标志设计的原因之一. 如果你一直在为新项目寻找独特的哥特式字体,那么你很幸运. ...
CSS基础(21)_字体样式、图标字体
字体相关的样式 color 前景色,主要用来设置字体颜色 font-size 字体的大小 em 相当于当前元素的一个字体大小(font-s ...
css 好困难字体样式_帮助阅读困难者的字体和浏览器扩展
css 好困难字体样式 G-Stock Studio/Shutterstock G-Stock Studio / Shutterstock Dyslexia is a learning conditi ...
java中如何设置字体样式_如何在JAVA中设置字体样式和大小？
我是新来的Java和无法弄清楚如何格式化我的代码是这样的: 字体"宋体"字体大小"9"大胆如何在JAVA中设置字体样式和大小? 我想整个段落的格式化文本.我真的 ...
全局vue中修改字体样式苹方字体微软雅黑亲测可用
1.下载所需要的字体,.ttf格式本文以(PingFang.ttf 为例) 底下将会附加苹果方体-简易黑体 PINGFANG MEDIUM.tff 可自行下载其他字体样式,全局引用,方便快捷. 2.在 ...
python下载字体管家_艺术字体生成器下载
艺术字体生成器 v1.0是一款适用于所有WIN操作系统的用于生成艺术字体的工具,它的体积小巧且可以免费使用,任何人都可以用它来为自己设置一款独特的签名字体.艺术字体生成器这款软件是由Python所开发 ...
html修改字体华文彩云,CSS里怎么修改字体样式?需要修改字体和居中显示
运行迅捷CAD编辑器专业版软件: 我们点击菜单栏里的"文字"快捷键图标,在打开的CAD绘图窗口里,创建一个单行文字. 步骤二:格式(O)-文字样式管理(X) 我们找到菜单栏里的 ...
oracle修改字体样式,电脑系统字体样式怎么改？电脑字体样式更改方法
喜欢个性化电脑的朋友经常会想更改系统的一些默认设置,比如窗口动画.主题.或字体等等,总之要让我们看电脑时比较符合自己的口味才行哈,这里说明下如何更改系统显示的字体,包括图标下面的字体.右键菜单等等. ...

tinymce 字体样式_谷歌字体和TinyMCE

tinymce 字体样式_谷歌字体和TinyMCE相关推荐

最新文章

热门文章