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>