vue项目中引入特殊字体

特殊字体指的是默认电脑中没有的

1、下载字体

2、新建文件夹font，把字体放进去

3、新建font.css

4、使用@font-face设置字体

@font-face {
  font-family: 'txchj'; // txchj 我自己定义的
  src: url("~@/assets/font/txchj.ttf"); // 路径自己调整
}

5、main.js引入font.css

6、组件中就可以使用了

  .header-title{
    line-height: 75px;
    font-family: 'txchj';
    font-size: 34px;
    margin-left: 56px;
    color: #62c7e0;
    letter-spacing: .3px;
  }