vue字体导入最简单方法

之前用了很多方法先创建一个font.css和静态文件夹，然后在使用时引入，但是路径的问题会使得字体的样式总是显示不出来，可以直接在app.vue里面css写：

@font-face {

  font-family: 'Digital';

  src: url('assets/font/Digital.ttf');

}

 这样的画比较简单，assets/font/Digital.ttf就是字体ttf的路径，当然不能忘了webpack配置：

{
   test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
   oader: 'url-loader',
   options: {   
   limit: 10000,
   name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
   }
}

使用时直接：

font-family：'Digital';