wangeditor设置字体

要设置 WangEditor 的字体，你可以通过以下步骤完成：

1. 首先，在你的 HTML 页面中引入所需的字体文件。你可以使用 @font-face 规则来加载自定义字体。例如，将字体文件放置在你的项目目录下的 fonts 文件夹中，并在 HTML 文件的头部添加以下代码：

<style>
@font-face {
  font-family: 'CustomFont';
  src: url('fonts/your-custom-font.ttf') format('truetype');
}
</style>

请确保将 `fonts/your-custom-font.ttf` 替换为你实际的字体文件路径。

2. 接下来，在初始化 WangEditor 编辑器时，使用 `customConfig` 选项来指定所需的字体。在 `customConfig` 中，将 `fontNames` 属性设置为你想要的字体名称数组，并将 `fontNamesIgnoreCheck` 属性设置为 `true`，以避免对字体名称进行检查。例如：

var editor = new wangEditor('editor');
editor.customConfig.fontNames = ['CustomFont', 'Arial', 'Verdana'];
editor.customConfig.fontNamesIgnoreCheck = true;
editor.create();

在这个例子中，我们将 'CustomFont'、'Arial' 和 'Verdana' 添加到了可用的字体列表中。

3. 最后，你可以在 WangEditor 编辑器的工具栏中添加一个字体选择的下拉菜单，以便用户可以选择所需的字体。通过使用 `editor.customConfig.menus` 属性来配置工具栏菜单项。例如，将以下代码添加到 `customConfig` 中：

editor.customConfig.menus = [
  // 其他菜单配置...
  'fontName'
];

这将在工具栏中添加一个字体选择的下拉菜单。

完成以上步骤后，你就可以在 WangEditor 编辑器中设置字体了。请记住，当用户选择自定义字体时，确保该字体文件可在用户浏览器中正确加载。