vue中使用特殊字体

• Z时代
• 2024-01-10
• 分类：综合

有时候为了个性化，可能需要为部分字体添加特殊的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文件问题

以上是 vue中使用特殊字体 的全部内容， 来源链接： utcz.com/z/375935.html