关于微信小程序，使用自定义字体，IOS生效，安卓不生效的问题

weixin_57994585

于 2024-02-22 09:38:34 发布

阅读量877

点赞数 8

文章标签：微信小程序小程序

本文链接：https://blog.csdn.net/weixin_57994585/article/details/136224886

版权

本文介绍了如何在Nginx中设置Content-Type、Access-Control-Allow-Origin和Cache-Control响应头以支持自定义字体加载，同时提到在遇到问题时清理微信小程序缓存的必要性。

摘要由CSDN通过智能技术生成

在nignx中配置响应头

Content-Type:font/ttf (如果需要下载其他类型字体，则用|在后添加，例如font/ttf | font/woff)

Access-Control-Allow-Origin:* 放行所有请求来源

Cache-Control:no-cache

最后在网络请求font资源中，查看响应请求头是否包含这三个属性，如果正确，则安卓，IOS配置自定义字体均生效；

如果访问的响应头中，属性均存在，还是不生效，清空微信小程序的所有缓存，重试；

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_57994585

关注关注

8
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
关于微信小程序，使用自定义字体，IOS生效，安卓不生效的问题

(如果需要下载其他类型字体，则用|在后添加，例如font/ttf | font/woff)
复制链接

扫一扫

【微信小程序】真机调试引用的外部字体不生效问题

Gu_fengqi的博客

06-23

2729

【微信小程序】真机调试引用的外部字体不生效问题

微信小程序（以taro为例）引用cdn字体在安卓无效（调试模式可以看到报错）

qq_37057426的博客

09-18

747

于是让后端在服务器上将微信小程序的域名加上跨域白名单，https://servicewechat.com, 不同的服务器加白名单方式不同，这个以具体服务器为准。加上白名单后，安卓也能完美的展示字体文件了。

参与评论您还未登录，请先登录后发表或查看评论

小程序引用网络字体在安卓无效，以及nginx配置，报错inside named location, or inside “if“ statement, or inside “limit_except“

虫二

05-07

1809

在微信小程序中引用网络字体有两种写法。在css文件中引用 @font-face { font-family: ‘hanyichengxingjian’; src: url(‘https://xxx.com/xxx/xxx/hanyichengxingjian.ttf’); } 使用 wx.loadFontFace 加载字体 wx.loadFontFace({ family: ‘hanyichengxingjian’, source: ‘url(“https://xxx.com/xxx/xxx/hanyic

微信小程序引入字体在部分机型失效不兼容解决办法

乌云大帝的博客

09-26

1204

上线后发现部分安卓机型不兼容，查资料发现荣耀和vivo需要设置正确的CORS即可正常加载。修改服务器nginx 配置,站点配置文件加入以下代码。写小程序页面，美工作图用了特殊字体。

微信小程序加载字体真机不生效[已解决]

qq_45048851的博客

12-19

961

微信小程序加载网络字体解决办法 [已解决]

解决小程序无法使用本地字体图标资源的问题

sglhp的博客

11-24

331

我们使用uni-app开发小程序的时候，或者直接使用原生代码开发小程序的时候，因为考虑到文件包的大小，一般会使用到字体图标，简洁好用体积小。

android 分享微信小程序+压缩图片优化

11-19

在Android开发中，微信分享是常见的社交功能，其中包括分享微信小程序、图片到微信朋友圈或微信好友。本教程将深入探讨如何实现这一功能，并特别关注图片压缩优化，以确保分享过程的顺利进行。首先，我们需要集成...

04-20

正在开始学小程序开发的朋友们后续请关注我一下，我这边接接下来的文章会出： 2【昵称获取的方法详解】 3【获取用户code,openid,session_key的方法】 4【手机号获取和存入数据库方法】 5【根据用户openid更新...

微信小程序----position:sticky

12-20

在本文中，我们将深入探讨`position:sticky`的工作原理、如何在微信小程序中使用以及它的一些应用场景。首先，`position:sticky`的关键在于它的“粘性”行为。当元素在视口内时，它会像`position:relative`一样...

关于z-index 层级显示 ios端不生效问题。

01-03

项目构建 webpack + vue + vue-router + vueX + axios + antd of vue 起因构建项目的时候由于采用的 antd of vue ui库，里面没有类似点击唤醒遮罩...出现弹窗的时候，滑动底部z-index 属性不起作用。更令人无语的

微信小程序-高仿苹果计算器-程序源码.zip

05-31

微信小程序的开发基于一套称为WXML（WeChat Markup Language）和WXSS（WeChat Style Sheets）的自定义标记语言，以及JavaScript进行业务逻辑处理。WXML负责结构表现，类似于HTML，而WXSS则负责样式设计，类似于CSS。...

解决font-weight：600在安卓机不生效的方法

热门推荐

weixin_42125732的博客

01-13

1万+

1 解决font-weight：600在安卓机不生效的方法按照UI设计图给的 font-weight:600 直接设置，发现苹果机是字体是加粗的，安卓机没有变化，改成 font-weight:bold 就好了

怎么解决小程序里引入网络字体包后小程序模拟器上能够正常加载显示而真机上却加载不了显示不出来的问题

weixin_45463061的博客

11-12

2725

怎么解决小程序里引入网络字体包后小程序模拟器上能够正常加载显示而真机上却加载不了显示不出来的问题

关于微信小程序引入自定义字体的一些坑

湫沐椿风

03-15

4065

最近在做小程序开发时，需要使用到第三方的字体，由于小程序不能将字体放到本地，所以试了下 wx.loadFontFace({ family: 'webfont', source: 'url("http://cdn.123123.com/minijianhanzhenguangbiao.ttf")', success: function (res) ...

微信小程序自定义字体样式、字体修改、第三方字体设置

u014388322的专栏

09-01

8105

本人专注于Android/java/数据库/微信小程序技术领域的开发，以及有好几年的计算机毕业设计方面的实战开发经验和技术积累；尤其是在安卓（Android）的app的开发和微信小程序的开发，很是熟悉和了解；本人也是多年的Android开发人员；希望我发布的此篇文件可以帮助到您；🍅。

【教程】微信小程序导入外部字体详细流程

WHY的博客

09-18

4031

本文介绍了如何在微信小程序中导入外部字体，包括字体导入API的使用以及字体资源在服务器上的部署和访问等内容

微信小程序开发与应用——字体样式设置

小宇y的博客

07-07

3648

WXML（WeiXin Markup Language）是框架设计的一套标签语言开发中 WXML 页面就作为我们一些逻辑行为的入口，以及效果展示的承载者，可以把它理解为HTML语言。4、在页面配置下的wxml文件类型下，通过style标签或class标签来设置字体样式，它设置定义的样式类只能在index。，其取值通过px、rpx、cm来表示字体的大小，也可以通过small、medium、large等来表示。小程序的页面部分由四个文件类型组成的，它们在pages目录下，分别为。，其取值是字体的名称。

移动端显示不了小于12px字体的方案

qq_37332077的博客

06-13

816

部分浏览器显示不了小于12px字体的方案

微信小程序开发自定义字体样式（维吾尔语字体)