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: 1.3px;
  }