【Vue_09】Vue 使用特殊字体

原创
04/04 11:19
阅读数 259

一、引入字体到 Vue 项目

1. 创建字体文件夹

在 static 文件夹下创建 font 文件夹。并将下载好的字体拷贝到文件夹下。

2. 创建字体样式文件(CSS)

@font-face {
  font-family: 'numberFont';    // 自定义字体名称
  src: url("./number.ttf");    // 字体的路径,后缀 ttf 一定能要小写,否则可能找不到字体文件
}

二、使用字体样式

1. 在所需页面应用相应字体样式

<style>
    @import "../../static/font/font.css";
</style>

2. 使用字体

<span style="font-family: numberFont">6690802</span>

展开阅读全文
打赏
0
1 收藏
分享
加载中
更多评论
打赏
0 评论
1 收藏
0
分享
返回顶部
顶部