vue中引入外部字体并使用

有些时候，客户希望产品使用他们公司要求的字体。
这个时候，我们需要将客户提供的字体文件引入到项目中。
1）在src文件中的asset文件中新建一个文件夹用于放置客户的字体文件，如：font, 注意：客户的字体文件名称不可以有多余的空格

2）在该文件夹中新建一个css文件，用于配置客户所提供的字体

@font-face{
    font-family: 'Bold';
    src:url('./....-Bold.ttf');  //逐个引入字体文件
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family: 'BoldItalic';
    src:url('./....-BoldItalic.ttf');
    font-weight: normal;
    font-style: normal;
}
......

3. 在main.js中进行引用
   import "@/assets/text/text.css";

4)默认字体设置--进行使用

• {
  padding: 0;
  margin: 0;
  font-family: 'Bold';
  }