有时候为了个性化,可能需要为部分字体添加特殊的font-family
在static文件夹中创建font文件夹,内容如下:
vue中使用特殊字体

css内容如下:

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

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

在app.vue中引入css
在需要加样式的字体上,加上vueblog-font类

我是特殊样式的字体

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

相关文章:

  • 2022-12-23
  • 2021-05-31
  • 2021-09-05
  • 2021-11-15
  • 2022-01-05
  • 2022-12-23
  • 2022-01-27
  • 2022-12-23
猜你喜欢
  • 2021-05-18
  • 2021-12-07
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-08-04
相关资源
相似解决方案