VUE 引入字体

1、下载所需要的字体 .ttf

2.commond下建立font.css 热案后将你的.tff文件放进去

3.font.css

@font-face {  
 font-family: 'XXX';  //重命名字体名
 src: url('.ttf');  //引入字体
 font-weight: normal;  
 font-style: normal;  
}

4.配置webpack.base.conf.js 文件

{
        test: /\(woff?|eot|ttf|otf)(\?.*)?$/,
        loader: 'url-loader',
        option: {
          limit:10000,
        }
      },

5.直接使用 font-family:“xxxx”