uniapp引入iconfont字体图标

第一步:把下载的iconfont.css和iconfont.tff文件拷贝到项目中
这里要记得修改iconfont.css把没有用的去掉
原始的:
@font-face {
font-family: “iconfont”; /* Project id 2972045 */
src: url(‘iconfont.woff2?t=1638150032006’) format(‘woff2’),
url(‘iconfont.woff?t=1638150032006’) format(‘woff’),
url(‘iconfont.ttf?t=1638150032006’) format(‘truetype’);
}
删除整理成这样就可以了:
@font-face {
font-family: “iconfont”; /* Project id 2972045 */
src: url(‘~@/static/iconfont/iconfont.ttf’);
}
第二步:在APP.vue中引入iconfont.css
@import ‘@/static/iconfont/iconfont.css’;
第三步:页面中两种使用方式
1.
2.1111

上一篇:

下一篇:

发表回复

登录后才能评论
欢迎访问www.uniapper.com!交流QQ群:35429521