uniapp引入iconfont图标

app.vue 页面

<style>
/*每个页面公共css */
@import url("~@/static/icon/iconfont.css");
</style>

 

 

下载下来的 图标文件

iconfont.js

@font-face {
font-family: "iconfont"; /* Project id 2037178 */
src:
url('~@/static/icon/iconfont.ttf') format('truetype');
}

使用

<view class="city iconfont icon-***"></view>

上一篇:Egret 5.4 正式发布,将5.3版本升级为稳定版


下一篇:uniapp+nvue实现仿微信App聊天应用 —— 成功实现好友聊天+语音视频通话功能