如何將字體添加到NicEdit？

Question

我的網站允許用戶寫短篇小說。我希望他們可以自由地設置文本的格式和樣式，所以我安裝NicEdit即可。但NicEdit只有9種默認字體;如何添加更多？

這是我的編輯。它使用默認代碼和全面板控制。

Answer 1

非常高興，我添加了新聞字體NicEdit成功。我在這裏發佈答案，希望有用的每個人都有同樣的問題。

1.Download字體文件，保存在某個文件夾，我的方式是 'CSS /字體' 在css文件

2.Register：添加CSS文件 「CustomFonts.css」 有內容： （我使用Fugaz One從谷歌字體下載）

@font-face { 
    font-family: "FugazOne"; 
    src: url('font/FugazOne-Regular.ttf'); 
    src: url('font/FugazOne-Regular.ttf') format('truetype'); 

    font-weight: normal; 
    font-style: normal; 
} 

您可能會更改字體文件的路徑。在HTML表單

3.Link css文件，前添加nicEdit.js lib目錄下：

<link rel="stylesheet" type="text/css" href="css/customFont.css" /> 
<script type="text/javascript" src="js/nicEdit/nicEdit_dev.js"></script> 

4.Open nicEdit.js，找到單詞 「nicEditorFontFamilySelect」。你會看到一個nicEdit字體列表的使用，在此處的CSS添加新字體的字體戶籍：

sel : {'arial' : 'Arial',..., 'FugazOne':'FugazOne'}, 

5.tada ... DONE！

P/s：當顯示來自數據庫的內容時，必須確定網頁已加載customFont.css。