uni-app 使用iconfont图标字体
在iconfont中,选择想要的图标,加入购物车,添加至项目: 点击: 下方新 icon 来袭,点击更新代码,更新后将支持 WOFF2 格式 , 复制代码至浏览器打开: 复制对应的css代码至你的项目中的static文件夹下,创建的iconfont.css文件中 : @font-face {font-family: "iconfont"; src:url('https://at.alicdn.com/t/font_1529268_gm4lr2u34im.ttf') format('truetype') /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */; } .iconfont { font-family: iconfont !important; font-style: normal; -webkit-font-smoothing: antialiased; font-size:$uni-font-size-lg; } .icon-xin:before { content: "\e623"; } 最后,还要更新下@font-face 中的字体的url路径,替换成下边路径: 在项目中,使用css类名即可: <view>爱心图标</view> <text class="'iconfont font-public icon