如何添加富文本中的字体

添加的字体名

1. 要把新字体文件放到dataviz-web\src\fonts\kpi\文件夹下。
2. 进入前端工程中的dataviz-web\src\js\lib\ckeditor\文件夹。

3. 打开contents.css文件，在文件的最后，要添加字体样式声明，内容如下所示(以LCD-Number字体为例)：

    @font-face {
        font-family: 'LCD Number';
        src: url('../../../fonts/kpi/LCD-Number.ttf') format('truetype');
    }
   

   font-family为字体的名称，src为字体文件路径，也可以声明中添加其他css样式。

4. 打开config.js文件，在下拉列表内容配置中添加新字体选项，在config.font_names配置项的最后添加字体选项即可。

   添加前：

    config.font_names='微软雅黑/微软雅黑;宋体/宋体;黑体/黑体;仿宋/仿宋_GB2312;楷体/楷体_GB2312;隶书/隶书;幼圆/幼圆;Meiryo UI/Meiryo UI;Impact/Impact;';
   

   添加后：

    config.font_names='微软雅黑/微软雅黑;宋体/宋体;黑体/黑体;仿宋/仿宋_GB2312;楷体/楷体_GB2312;隶书/隶书;幼圆/幼圆;Meiryo UI/Meiryo UI;Impact/Impact;LCD Number/LCD Number;';
   

   注意：config.font_names最后要以';'结尾，每一字体选项中，斜线前的内容是下拉选项显示的名称，斜线后的内容是字体的名称，名称要与上面contents.css中声明的font-family的值相同。