如何在NicEdit中添加字体？

Question

我的网站允许用户写短篇小说.我希望他们可以自由地格式化和设置文本样式,所以我安装NicEdit来做到这一点.但NicEdit只有9种默认字体; 如何添加更多？

这是我的编辑.它使用默认代码和完整的面板控件.

Answer 1

非常高兴,我添加了新闻字体NicEdit成功.我在这里发帖回答,希望每个人都有用户有同样的问题.

1.下载字体文件,保存在某个文件夹中,我的方式是'css/font'

2.注册css文件:添加一个css文件"CustomFonts.css"有内容:(我使用Fugaz One从Google字体下载)

@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;
}

您可以更改字体文件的路径.

3.在添加nicEdit.js lib之前,以html格式连接css文件:

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

4.打开nicEdit.js并找到单词"nicEditorFontFamilySelect".您将在nicEdit中看到字体列表使用,在css中通过font-family寄存器添加新字体:

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

5.tada ...完成!

P/s:从数据库显示内容时,您必须确保网页已加载customFont.css.