在uni-app项目开发中，为了实现特定页面的特殊字体效果，作者详细介绍了如何引入外部字体。通过判断字体文件大小，小于40kb的字体可以直接放入static文件夹，大于40kb则需要转换为base64格式。作者推荐使用在线工具Transfonter进行转换，并给出操作步骤。转换完成后，将包含base64编码的样式表文件引入项目，在样式中设置正确的font-family即可实现字体效果。
起因：
今天开发项目的时候发现有个页面中字体不是我能用css能敲出来的感觉。然后就想能不能用原型上面的这个字体。经过一番的测试终于在页面中显示出我想要显示的字体了。
效果：
实现过程：
- 先看一下需要引用的字体的大小是多少，如果小于40kb的话，就可以直接放到static文件下面，大于40kb的话，需要转换为base64格式的
转换地址为Online @font-face generator — Transfonter
- 打开以后按照下面的数字顺序进行点击，先添加文件，接着看转换的选项，第三步点击转换，第四步进行下载。
- 就能获得了一个有base64的压缩包，如下图所示。其中demo.html中是当前的使
最低0.47元/天 解锁文章
扫一扫
1858
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
