vue项目引入字体文件
vue项目引入字体文件在自己的idea中选好字体,打包上线发现字体效果没有显示出来。于是查了vue引入字体文件的方法,记录记录。1.下载字体文件,并放到项目文件中2.创建font.css文件,写入如下代码//font.css文件代码@font-face {/*给字体命名*/font-family: 'buer';/*引入字体文件*/src: url('./buer.ttf');font-weigh
·
vue项目引入字体文件
在自己的idea中选好字体,打包上线发现字体效果没有显示出来。于是查了vue引入字体文件的方法,记录记录。
1.下载字体文件,并放到项目文件中
2.创建font.css
文件,写入如下代码
//font.css文件代码
@font-face {
/*给字体命名*/
font-family: 'buer';
/*引入字体文件*/
src: url('./buer.ttf');
font-weight: normal;
font-style: normal;
}
3.main.js
文件中引用(全局引用)
//main.js文件代码
//引入字体
import '../src/assets/css/font.css';
4.样式中直接使用
.name-font{
font-family: buer;
}
超级简单,为了方便下次使用,步骤记录下来。
更多推荐
已为社区贡献5条内容
所有评论(0)