在使用 Taro 开发小程序,如何正确加载第三方字体库
遇到的问题
按照官方文档https://taro-ui.aotu.io/#/docs/icon
icon 并没有正确的加载并显示出来,通过小程序的调试器,虽然可以看到添加的 css,但实际上并不起作用。
在谷歌上搜索了相关的关键字,https://github.com/NervJS/taro-ui/issues/202
发现有相似的解决方法
里面提到一个方法将 font awesome 转成 base64 格式, 然后将打包的文件解压到存放资源文件的目录,就成功解决了
实际上如果去看 taro aticon 的语法,也是同样的原理,但是不清楚通过 url 引用的方式为什么不起作用
工具网址:https://transfonter.org/
使用的手势:https://blog.csdn.net/qq_28988969/article/details/76633921
step1: 去 font-awesome 官网下载字体包
step2: 去https://transfonter.org/转成base64格式的引用,下载包到本地
step3: copy stylesheet.css 的内容到具体的字体的样式表中,然后就可以定义具体的 content