前端如何引入字体包vue项目里

1.在assets下新建一个font文件夹，在里面新建一个font.css文件，以及在里面放下载的字体文件，然后在font.css文件里定义这个字体包的名字，如下图所示：

2.记得在main.js引入font.css：

3.在需要引入字体的地方写上字体样式

【注意】：如果引入的字体包不生效有可能是字体包文件的问题，可以问设计师重新要一份字体包

前端如何引入字体包vue项目里相关推荐

vue-cli项目引入字体包
vue-cli项目引入字体包 vue-cli项目引入字体包 vue-cli项目引入字体包 1.先下载字体文件所需的.ttf文件 2.将字体文件引入自己在src文件定义一个common文件夹,在fon ...
前端项目如何引入字体包? 引入字体包不起效果？
因为设计师用的是IMac电脑,设计图默认使用的字体为 pingFangSC-Regular,这就需要我们做开发的引入苹方字体包以达到和设计图一致的视觉效果,(引入其他字体包同理) 先上个苹方字体 ...
vue中怎么引入字体包（超详细）
vue中怎么引入字体包一.创建文件并添加字体包 1.在src里面的assets文件中创建text文件(没有assets文件可以自己创建一个,也可以不用此命名): 2.把字体包放入text文件,并创建 ...
jq的插件 vue中引用_详解如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件
本篇文章主要介绍了详解如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件,具有一定的参考价值,有兴趣的可以了解一下使用vue-cli构建的vue项目,webpack的配置文 ...
Vue项目里Websocket的使用
由于项目需求有要使用长链接,我们普通的http请求如果用轮询的方式与服务端通讯就很消耗资源.我们一起来学习一下在vue项目里如何使用websocket,本文纯属个人观点,如果有不正确的地方请大家批评指 ...
vue项目中引入字体包
问题: 项目开发过程中,因UI的显示要求,需要引入一些字体,那如何引入外部字体呢?很简单,只需要以下3步一下载对应的字体包文件,放置到我们的项目中比如我需要PingFangSC的系列字体,我 ...
vue项目里面引入字体包
1.将ui给的字体包放到assets,同时新建font.css文件 2.在font.css中配置字体 @font-face {font-family: "Dolce-V-H-B"; ...
Vue项目里引入Muse-UI
一.在电脑中装好了node和vue的环境二.下载纯净的Vue项目 1.在指定文件夹中输入指令:vue init webpack (自定义的项目名称): 2.然后根据提示,一路回车. 注意:Use E ...
前端抢饭碗系列之Vue项目如何做单元测试
大家好,我是若川.今天分享一篇vue项目如何做单元测试的好文,文章比较长,建议先收藏,需要时用电脑看. 点击下方卡片关注我.加个星标学习源码系列.年度总结.JS基础系列关于单元测试,最常见的问题应 ...

前端如何引入字体包vue项目里

前端如何引入字体包vue项目里相关推荐

最新文章

热门文章