Fonts 如何在tinymce编辑器中添加新字体？

我想在

tinymce编辑器

中添加新字体，这些字体显示在

字体下拉列表中

并应用于编辑器文本

我尝试在Advanced themes skin文件夹的fonts文件夹中添加ttf字体，并在@font face的

editor\u template.js

和

contect.css

中添加css

我在字体下拉列表中找到了字体名称。但当我应用于任何文本时，该文本上没有任何字体效果

什么是我找不到的实际问题。希望这是路径问题或其他…

您需要根据需要设置配置参数。 如果您需要将字体添加到编辑器中，那么使用

@font-face

的框架头

contect.css

是正确的方法。

我解决了这个问题

检查下面所有可能的问题，并修复它们，以便在TinyMCE编辑器中添加字体

• 创建字体文件夹：

  tinymce/themes/advanced/

  -如果不存在

• 将字体放入字体

  “tinymce/themes/advanced/fonts/aphrodite_pro.ttf.

• 在

  editor\u template.js和editor\u template\u src.js中添加字体

  包括在

  “主题\u高级\u字体”

  Ex:theme\u advanced\u字体：“Aphrodite Pro=Aphrodite Pro”

• 在上述两个js文件中维护

  “theme\u advanced\u fonts”

  字体名称顺序

最重要的部分：

“Aphrodite Pro”

名称由我们定义，其中

“Aphrodite Pro”

是字体的名称

---

注意这在TinyMCE版本4或更高版本中可能不起作用。请查看新文档：

我通过安装纸莎草字体研究了此解决方案，它运行良好（在任何css文件中没有任何@font-face），但在Mac上使用了多个浏览器（运行Lion）我发现，尽管它在Safari和Firefox中运行良好，但Chrome中的文本编辑器字体下拉列表中并没有显示纸莎草选项。我看到其他人在相关领域有一些Chrome问题，所以我不确定这在Chrome中是否可以修复

我在两个.js文件中以相同的相对位置顺序添加了Papyrus=Papyrus，并添加了字体文件Papyrus.TTF（如图所示的大写和小写）中所述的字体文件夹

在Safari和Firefox中，这会在下拉列表中显示纸莎草纸，在编辑器文本和网站页面上显示纸莎草纸字体，完全符合要求

---

但不在Chrome中，因为无法选择字体。

使用Google字体，我刚刚用两行代码（在TinyMCE初始化中）解决了这个问题：

---

新字体名为Gugi，将出现在arial black和times new roman之间

我已经在配置中添加了theme_advanced_字体，并在content.css中添加了@font face字体，但ttf将字体放在何处..意味着哪个文件夹（文件夹的位置）？我解决了我的问题..字体名称间距问题..“aphrodite pro=aphrodite_pro”更改为=>”Aphrodite Pro=Aphrodite Pro”。即使字体名称中有下划线，也不要加下划线。将其替换为“editor_template.js”中的空格“档案。如果您不理解，请告诉我。谢谢你的回复。你应该把它作为一个答案贴出来，并接受它。我发现了我犯的一个错误，但研究一下它是有帮助的。在这两个.js文件中，我没有在同一个位置使用纸莎草字体——显然Chrome对这一点很敏感，而Safari/Firefox则不敏感。我发现，当我将主题“高级字体：首选项”和其他tinyMCE init首选项（在任何一个.js文件中重复该行）一起添加到编辑页面的头部时，Chrome就起到了作用。我意识到我在一个.js文件中错放了纸莎草字体，并纠正了这一点，甚至在删除init指令之后，所有浏览器都运行良好。我仍然不确定@font-face会实现什么效果-我想这与编辑器下拉列表中提供的字体列表无关，而与编辑对话框的整体外观有关。我希望这是有用的，不要太混乱！字体名称是否应与ttf文件名相同？对于TinyMCE版本4或更高版本，请参阅此处的更新文档：此文件编辑器的位置\u template.js&editor\u template\u src.js？对于TinyMCE版本4或更高版本，这是正确答案。请参见此处的文档：

content_css: ['https://fonts.googleapis.com/css?family=Gugi'],
font_formats: 'Arial Black=arial black,avant garde;Gugi=Gugi, cursive;Times New Roman=times new roman,times;',