添加新的字体到TinyMCE字体选项
我已经检查过这个主题：谷歌字体和TinyMCE，事实上以前甚至已经成功地为用户添加了TinyMCE字体选项的新字体。
但我不确定这里出了什么问题，为什么我不能再这样做了。 我正在尝试添加一个新字体， Samman ，我刚刚从MyFonts.com获得。
在我的TinyMCE初始化中，我包含了这个：
content_css : "css/fonts.css,css/userdesigntool.css,http://fonts.googleapis.com/css?family=Paytone+One,http://fonts.googleapis.com/css?family=Aclonica",
css/fonts.css是我描述新字体的地方。 在这个文件中，我刚刚保存在我的服务器的fonts/css文件夹中的新字体如下所示：
@font-face {
font-family: 'sammanregular';
src: url('fonts/samman/samman-webfont.eot');
src: url('fonts/samman/samman-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/samman/samman-webfont.woff') format('woff'),
url('fonts/samman/samman-webfont.ttf') format('truetype'),
url('fonts/samman/samman-webfont.svg#sammanregular') format('svg');
font-weight: normal;
font-style: normal;
}
我得到这些生成的字体松鼠（因为我以前已成功完成与其他字体），我已经仔细检查，以确保文件实际上是在预期的路径，他们是。
在TinyMCE初始化的theme_advanced_fonts条目中，我有这样的：
theme_advanced_fonts : tm_fonts,
// some more stuff below
其中tm_fonts是我的JavaScript中描述的变量，如下所示：
var tm_fonts = "Andale Mono=andale mono,times;"+
"Arial=arial,helvetica,sans-serif;"+
"Arial Black=arial black,avant garde;"+
"Book Antiqua=book_antiquaregular,palatino;"+
"Corda Light=CordaLight,sans-serif;"+
"Courier New=courier_newregular,courier;"+
"Flexo Caps=FlexoCapsDEMORegular;"+
"Lucida Console=lucida_consoleregular,courier;"+
"Georgia=georgia,palatino;"+
"Helvetica=helvetica;"+
"Impact=impactregular,chicago;"+
"Museo Slab=MuseoSlab500Regular,sans-serif;"+
"Museo Sans=MuseoSans500Regular,sans-serif;"+
"Oblik Bold=OblikBoldRegular;"+
"Sofia Pro Light=SofiaProLightRegular;"+
"Symbol=webfontregular;"+
"Tahoma=tahoma,arial,helvetica,sans-serif;"+
"Terminal=terminal,monaco;"+
"Tikal Sans Medium=TikalSansMediumMedium;"+
"Times New Roman=times new roman,times;"+
"Trebuchet MS=trebuchet ms,geneva;"+
"Verdana=verdana,geneva;"+
"Webdings=webdings;"+
"Wingdings=wingdings,zapf dingbats"+
"Aclonica=Aclonica, sans-serif;"+
"Michroma=Michroma;"+
"Paytone One=Paytone One, sans-serif;"+
"Andalus=andalusregular, sans-serif;"+
"Arabic Style=b_arabic_styleregular, sans-serif;"+
"Andalus=andalusregular, sans-serif;"+
"KACST_1=kacstoneregular, sans-serif;"+
"Mothanna=mothannaregular, sans-serif;"+
"Nastaliq=irannastaliqregular, sans-serif;"+
"Samman=sammanregular;";
现在发生的事情是， Samman确实出现在用户可以在TinyMCE中选择的字体列表中，但是当我选择这种字体时文本没有任何反应，文本仍然保留在它正在使用的任何现有字体上。
当我使用浏览器的调试器时，果然我可以看到TinyMCE的iframe包含提及Samman的正确的css/fonts.css文件。 但是，当我在TinyMCE中更改字体时，我可以在调试器中看到该文本的span style的font-family没有改变。 如果我选择另一种字体， span样式会发生变化，但是如果我选择Samman ，则什么也不会发生。
自从我添加了字体之后，我可能会忘记一些东西？ 但我似乎无法弄清楚。
好的，我发现了这个问题。
我看到了theme_advanced_fonts列表中字体列表的最后一行是这样的：
"Mothanna=mothannaregular, sans-serif;"+
"Nastaliq=irannastaliqregular, sans-serif;"+
"Samman=sammanregular;",
我所要做的只是在最后摆脱分号，所以新的字体显示正确：
"Mothanna=mothannaregular, sans-serif;"+
"Nastaliq=irannastaliqregular, sans-serif;"+
"Samman=sammanregular",
不要强调更多的代码。 只需编写一些简单的函数即可在您的文章编辑器中获得所需的字体。
http://kvcodes.com/2014/05/how-to-add-google-webfonts-to-wordpress-tinymce-editor/
链接地址: http://www.djcxy.com/p/68169.html