我想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