vue中设置花样字体

首先在assets中新建一个文件夹  font

vue中设置花样字体_第1张图片

 然后再在字体网中选择想要的字体下载放入font文件夹中

字体网:字体_中文字体 | 英文字体 | 书法字体 免费下载 - 爱给网

Fonts2u.com

优设网官网 - UISDC - 国内专业设计师平台 - 看设计文章,学AIGC教程,找灵感素材,尽在优设网! 

 然后再在style文件夹中创建一个 fontStyle.scss文件

vue中设置花样字体_第2张图片

vue中设置花样字体_第3张图片

 再在main.js文件中注册就可以全局使用了

vue中设置花样字体_第4张图片

 在页面中使用

font-family: squareFont   //  与fontStyle文件中自己命名的字体名称相同

你可能感兴趣的:(vue,前端,javascript,开发语言)