uniapp引入阿里字体图标~@/static/fonts/
将下载下来的字体图标放入.static/fonts 目录下
在指定页面引入或在vue入口文件中全局引入
<style> /* 引入阿里字体图标 */ @import url("./static/fonts/iconfont.css"); </style>
修改 iconfont.css 字体路径
@font-face { font-family: "iconfont"; /* Project id 2821314 */ src: url('iconfont.woff2?t=1631899275043') format('woff2'), url('iconfont.woff?t=1631899275043') format('woff'), url('iconfont.ttf?t=1631899275043') format('truetype'); }
改成,~@/static/fonts/为字体路径
@font-face { font-family: "iconfont"; /* Project id 2821314 */ src: url('~@/static/fonts/iconfont.woff2?t=1631899275043') format('woff2'), url('~@/static/fonts/iconfont.woff?t=1631899275043') format('woff'), url('~@/static/fonts/iconfont.ttf?t=1631899275043') format('truetype'); }
调用字体图标
<view class="iconfont icon-sousuo"></view>