uniApp开发小程序引入字体uni.loadFontFace和阿里巴巴字体库使用_uniapp小程序加载字体

记录一下在小程序引入字体遇到的注意点

动态加载字体。一般有2个应用场景：

1. 使用css字体图标。字体图标相比图片的优势是：体积小、矢量不怕失真、支持点击变色。
2. 使用自己的字体，而不是os提供的字体，来渲染整个界面的文字

文档：uni.loadFontFace(Object object) | uni-app官网

1. 微信小程序端只支持网络字体，字体链接必须是https。App支持网络或本地的字体（app-vue本地字体需使用平台绝对路径）。
2. 微信小程序端字体链接必须是同源下的，或开启了cors支持，微信小程序的域名是servicewechat.com
3. 本地字体请放在/static目录下，否则打包时不会把字体文件打进去
4. 字体格式支持：
   • webview渲染时，建议格式为 TTF 和 WOFF，WOFF2 在低版本的iOS上会不兼容。
   • app-uvue支持的字体为ttf和ot

在app.vue中调用