我想add new font在tinymce editor这是显示在font dropdown并适用于编辑器文本。如何在tinymce编辑器中添加新的字体？
我尝试在高级主题皮肤文件夹的字体文件夹中添加ttf字体，并在editor_template.js中添加并在contect.css中为@ font-face添加css。
我在字体下拉列表中获得了字体名称。但是，当我适用于任何文本没有任何字体的文字效果。
什么是我找不到的实际问题。希望这是路径问题或其他...
您需要根据您的需要设置theme_advanced_fonts配置参数。 如果您需要将字体添加到编辑器iframe头contect.css与@font-face是正确的方法。
我解决了问题，
检查以下所有可能出现的问题和解决这些问题，以在TinyMCE的编辑器中添加的字体。
创建字体文件夹：tinymce/themes/advanced/ - 如果不存在。在字体
"tinymce/themes/advanced/fonts/aphrodite_pro.ttf.添加字体在editor_template.js & editor_template_src.js包括"theme_advanced_fonts"
Ex: theme_advanced_fonts: "Aphrodite Pro=aphrodite pro"，
保持"theme_advanced_fonts"字体名称序列中的上述两个js文件。
最重要的部分："Aphrodite Pro"名称是由我们定义，其中"aphrodite pro"是字体的名称。
注意这可能不适用于TinyMCE版本4或更高版本。检查新文件：https://www.tinymce.com/docs/configure/content-formatting/#font_formats
我已经安装了纸莎草字体研究这个解决方案，并且它运作良好（无任何@字体面的任何CSS文件），但与几个浏览器在Mac（运行狮子）我研究发现虽然它在Safari和Firefox中运行良好，但Papyrus选项并未出现在Chrome中的文本编辑器字体下拉菜单中。我发现其他人在相关领域有一些Chrome问题，所以我不确定这是否可以在Chrome中修复。
我在两个.js文件中以相同的相对位置顺序添加了Papyrus = Papyrus，并添加了字体文件夹Papyrus.TTF（如图所示的大写和小写）。
在Safari和Firefox中，下拉菜单中的Papyrus以及编辑器文本中的Papyrus字体以及网页上的结果完全符合要求。
但在Chrome中无法选择字体。
我发现我犯了一个错误 - 但对它进行了研究是有帮助的。我没有在两个.js文件的相同位置得到Papyrus字体 - 显然Chrome对此非常敏感，而Safari/Firefox则没有。我发现当我在编辑页面的头部添加theme_advanced_fonts：首选项时，以及其他tinyMCE init首选项（在任一.js文件中重复该行），然后Chrome工作。我意识到，我错误地放置了.js文件之一中的Papyrus字体，并纠正了这种情况，甚至在删除init指令后，所有浏览器都正常运行。 – Brian 2013-06-22 17:04:01
我仍然不确定@ font-face会达到什么效果 - 我想这与编辑器下拉菜单中提供的字体列表无关，而更多的是与编辑对话框的整体外观有关。我希望这是有用的，不要太混乱！ – Brian 2013-06-22 17:04:20
我已经在配置中添加了theme_advanced_fonts，在内容中添加了@ font-face。CSS，但在哪里字体ttf放..意味着在哪个文件夹（文件夹的位置）？ – harsh4u 2013-03-20 04:35:17
我解决了我的问题... font name spacing issue ...“aphrodite pro = aphrodite_pro”更改为=>“Aphrodite Pro = aphrodite pro”。即使在您的字体名称中也不要强调下划线。将其替换为“editor_template.js”文件中的空格。让我知道如果不明白 – harsh4u 2013-03-20 07:37:24
理解。感谢您发布您的答案。你应该发布它作为答案，并接受它 – Thariama 2013-03-20 10:01:28