在vue页面中,如何引用iconfont字体库?
首先登陆
https://www.iconfont.cn #注册并创建自己的项目
创建后,搜索自己需要的图标,加入到购物车
例如:设置
添加到项目
在我的项目中,生成在线链接
到此,素材已经准备好了。
在项目中引入
生成 iconfont.css,并加入一下代码
@font-face {
font-family: 'iconfont';
src: url('//at.alicdn.com/t/font_1198534_o4wefru3dk.ttf') format('truetype');
}
.custom-font { #自定义字体名称
font-family: iconfont;
margin-left: auto;
}
在vue页面引入iconfont.css
@import './common/iconfont.css';
使用
<!--找到图标代码填入即可-->
<view class='custom-font'></view>