javascript - 如何在 NicEdit 中添加字体？

Question

我的网站允许用户写短篇小说。我希望他们可以自由设置文本的格式和样式，所以我安装了 NicEdit要做到这一点。但是 NicEdit 只有 9 个默认字体；如何添加更多？

这是我的编辑器。它使用具有完整面板控制的默认代码。

Answer 1

很高兴，我在 NicEdit 添加新闻字体成功了。我在这里发布答案，希望它对每个有同样问题的人都有用。

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

2.在css文件中注册:添加一个css文件“CustomFonts.css”内容如下: (我使用从 Google 字体下载的 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;
}

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

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 中看到使用的字体列表，在此处通过 font-family 在 css 中注册添加新字体:

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

5.tada...完成!

P/s: 显示数据库内容时，必须确保网页加载了customFont.css。