1. 下载字体文件
2. 创建fonts.css 文件
@font-face {
font-family: “FZLanTingHeiS-R-GB”;
src: url(‘./方正兰亭粗黑简体.TTF’);
}
3.全局引入
//main.js中
import '@/assets/font/font.scss
4.使用
.cell {
font-family: "DIN-Bold";
}
Vue项目中使用字体文件库
最新推荐文章于 2024-04-13 09:33:12 发布
这篇博客介绍了如何在Web项目中引入并使用自定义字体。首先，需要下载字体文件，然后创建一个`fonts.css`文件，在其中定义`@font-face`规则。接着，全局引入该样式文件，如在`main.js`中引入`font.scss`。最后，可以在CSS中使用定义的字体，例如`.cell`选择器下设置`font-family`为DIN-Bold。
扫一扫
751
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
