安装font-spider

1
npm install font-spider -g

在一个页面中把需要的文字都写上并生成新的字体文件

1
font-spider ./demo/*.html

页面中提前加载

1
2
3
4
5
6
7
8
@font-face {
          font-family: 'huxiaobo-gdh';
          src: url('./resource/font/huxiaobo.ttf') format('truetype');
          font-weight: normal;
          font-style: normal;
        }

<span style="font-family: 'huxiaobo-gdh';height: 0;width: 0;opacity: 0;" id="fontloader"></span>