vue引入字体文件

最新推荐文章于 2024-12-27 09:35:48 发布

原创最新推荐文章于 2024-12-27 09:35:48 发布 · 430 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #ecmascript

vue 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了两个免费字体下载网站——dafont.com和font.chinaz.com，然后详细说明了如何在项目assets下创建font文件夹，存放字体文件，并创建font.css来定义@font-face规则。接着，通过@import引入样式，并使用font-family应用自定义字体到设计中。

一.免费字体下载网址
1.https://www.dafont.com
2.https://font.chinaz.com/index.html

二.在assets下新建font文件夹，把字体文件放进去
文件位置

三.在font文件夹下新建font.css，内容如下：

@font-face { 
    font-family: 'xxx';/*自定义字体名称*/
    src: url('lednar.ttf');/*字体文件路径*/
    font-weight: normal;
    font-style: normal;
}
/*可定义多个@font-face 字体*/