项目中如何内置特殊字体方法

很多项目中都会涉及到特殊字体，比如金额展示等等，一般如果是demo，我们可能只需把特殊字体包在本机电脑上安装一下就可以了，但是要发布上线，肯定得将特殊字体内置到项目中，（以vue项目为例）具体操作步骤如下

步骤一：在public目录下面新建一个fonts的文件，将ttf格式的特殊字体文件包放到fonts中

步骤二：在assets目录下新建css文件夹，新建对应css/scss/less文件，定义特殊字体名称，引入特殊字体路径，如需全局通用(比如数据大屏应用场景)，则可按如下方式添加

@font-face {
  font-family: 'num-bold';
  src: url('../../../public/fonts/ChanNumber-Bold.ttf');
}

@font-face {
  font-family: 'num-medium';
  src: url('../../../public/fonts/ChanNumber-Medium.ttf');
}

@font-face {
  font-family: 'pingfang-jian';
  src: url('../../../public/fonts/PingfangJian-Medium.ttf');
}

body {
  .num-font-bold {
    font-family: num-bold;
    font-weight: normal;
  }

  .common-font {
    font-family: pingfang-jian;
    font-weight: normal
  }

  .num-font-medium {
    font-family: num-medium;
  }
}

步骤三：直接在标签中使用 （如需在css样式中引入特殊字体，则可以将css/scss/less文件在main.js或指定的组件中引入使用）。