Taro微信小程序要引入新的字体可以全局引入,在app.jsx的componentDidMount中使用Taro.loadFontFace
注意:
- source的下载地址只能使用经过备份的域名
- 运行时微信小程序会报错,提示 Faild to load font可以忽略,好像属于还没有修复的bug
Taro.loadFontFace({
global: true,
family: 'Alibaba Puhui', //Css中引用使用的字体名
source: 'url("https://xxx")',
})
同时,页面中css引用字体如下
{
font-family: 'Alibaba Puhui'
}