vue项⽬使⽤tinymce添加新字体，后端配置及前端相关样式设置后台配置：
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.以上配置完成后，在编辑器上就可以看到，如下效果：
以下为后台配置，接下配置前端样式。
前端样式：
css最新
1.为保证体字体在各浏览器的兼容性问题，可以该⽹址下对字体进⾏转换，
2.将转换完成并下载的压缩包解压，放⾄前端项⽬中，并定义css样式
3.样式⽂件中的代码如下：（引⼊转换的各字体⽂件）
4.最后只需将该字体样式⽂件引 ⼊页⾯即可

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。