后臺配置：

1.首先在toolbar.js中加入fontselect

?

2.在index.vue （使用了element-admin）在window.tinymce.init中加入以下代碼：

? ? font_formats: "Arial=arial,helvetica,sans-serif; Courier New=courier new,courier,monospace; AkrutiKndPadmini=Akpdmi-n;宋體=宋體;黑體=黑體;仿宋=仿宋;微軟雅黑=微軟雅黑;楷體-GB2312=楷體-GB2312",

?

3.以上配置完成后，在編輯器上就可以看到，如下效果：

?

以下為后臺配置，接下配置前端樣式。

前端樣式：

1.為保證體字體在各瀏覽器的兼容性問題，可以該網(wǎng)址下對字體進(jìn)行轉(zhuǎn)換，

https://www.fontke.com/tool/convfont/

?

2.將轉(zhuǎn)換完成并下載的壓縮包解壓，放至前端項目中，并定義css樣式

?

3.樣式文件中的代碼如下：（引入轉(zhuǎn)換的各字體文件）

?

4.最后只需將該字體樣式文件引 入頁面即可