vue中使用特殊字体

有时候为了个性化，可能需要为部分字体添加特殊的font-family

在static文件夹中创建font文件夹，内容如下：

css内容如下：

@font-face {
  font-family: vueblog;
  src: url("./vueblog.ttf");
}

.vueblog-font {
  font-family: vueblog;
}

在app.vue中引入css

在需要加样式的字体上，加上vueblog-font类

我是特殊样式的字体

注意：文件夹一定要放到static目录下，否者打包会出错，另外如果按照以上操作还是没有样式，可能是你的ttf文件问题