irpas技术客

vue中怎么引入字体包(超详细)_前端学习笔记_vue引入字体文件

未知 8457

vue中怎么引入字体包 一、创建文件并添加字体包

1、在src里面的assets文件中创建text文件(没有assets文件可以自己创建一个,也可以不用此命名); 2、把字体包放入text文件,并创建一个text.css文件(命名随意),把字体包引入text.css文件中,font-family建议使用英文。 text.css文件内容 如果需要引入多个字体,直接在里面继续添加即可,不用另建文件

@font-face { font-family: "JDZY"; src: url('./font.woff'); font-weight: normal; font-style: normal; } 二、在main.js中引入 import "@/assets/text/text.css"; 三、使用

正常使用,font-family与text.css中一致即可。


1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,会注明原创字样,如未注明都非原创,如有侵权请联系删除!;3.作者投稿可能会经我们编辑修改或补充;4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。

标签: #vue引入字体文件 #fontfamily