vue 特殊字体

• 先百度下载字体，eg: happyzcool2016.ttf

• 字体放到vue项目中，然后新建一个css，在css中注册字体，如下图：

@font-face {
  font-family: "happyzcool2016";
  src:url('happyzcool2016.ttf');
  font-weight: normal;
  font-style: normal;
}

特殊字体.png

• 在App.vue中引入字体
  @import "style/font/font.css";

• 具体页面中使用

  
  code.png

字体效果.png