vue引入外部字体

引入外部字体

1. UI设计图有有些时候会有一些特别的字体，电脑不自带的，担心客户端没有该字体，将"hj1.0.TTF"字体文件(名字随便起的)，放入项目中：

2. 创建一个font.css文件：

@font-face {
    /*重命名字体名*/
    font-family: 'hj';
    /*引入字体*/
    src: url(../font/hj1.0.TTF);
    font-weight: normal;
    font-style: normal;
}

3. 在main.js中引入：

//引入字体
import '@/assets/css/font.css';

4.直接使用：

.font{
  font-family: hj;
  font-size: 38px;
  color: #fff;
}