小程序设置字体font-family-Toy模板网

这篇具有很好参考价值的文章主要介绍了小程序设置字体font-family。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

不多废话，我今天在整这个需求的时候，经过测试，发现ios和安卓需要不同的处理方式，目前来看缺一不可，直接上方法。

方式一：IOS处理方式

用小程序的API去请求网络资源字体文件
微信小程序fontfamily,小程序开发,微信小程序,小程序,微信小程序,小程序踩坑,font-family,wx.loadFontFace

这里需要注意的是：

代码需要写在app.js页面

网络资源要在微信公众平台配置download域名

API要配置global为true

在把资源放到服务器上的时候需要设置如下几个地方：

请求的字体的网络资源文件头需要满足如下条件：

下载的字体文件的响应头中必须包含：
Access-Control-Allow-Origin: *

下载的字体文件的响应头:
Content-Type：font/ttf | font/woff | font/woff2 | …

为了不被缓存影响，建议加上 Cache-Control: no-cache

方式二：安卓处理方式

网上搜了一些都不管用，然后无意间看到了把字体文件转成base64格式，然后应用到样式里面，没想到竟然哇～实现了！！

字体文件转base64网站：字体转base64

在网站上转完，下载下来的压缩包里就会包含示例demo～
微信小程序fontfamily,小程序开发,微信小程序,小程序,微信小程序,小程序踩坑,font-family,wx.loadFontFace
以上就是小程序设置字体的实现方式，设置单独的一个另一个就不能实现，所以这两种方法都要在项目里写好，目前我已知这是最管用的方式了，有其他方式欢迎交流指导～文章来源地址https://www.toymoban.com/news/detail-543455.html