静态资源字体文件需要放在static目录下
开发文档:目录结构
微信小程序不支持本地字体,如果需要小程序的话, 只能使用网络路径资源
iconfont.css中url路径需在前加“ ~@ ”
例如:
@font-face {font-family: "iconfont";
src:url('~@/static/font/font.ttf') format('truetype');
}
引用时路径相同,但字符编码前要加 \u
例如(\e609):
"text":"\ue609",
"fontSrc":"./static/font/font.ttf"
注:App下原生导航栏的按钮如果使用字体图标,注意检查字体库的名字(font-family)是否使用了默认的 iconfont,这个名字是保留字,不能作为外部引入的字体库的名字,需要调整为自定义的名称,否则无法显示