微信端字体图标显示不正常（不显示/显示成方框）

最新推荐文章于 2024-09-27 16:49:43 发布
最新推荐文章于 2024-09-27 16:49:43 发布
阅读量5k 收藏
点赞数 1
CC 4.0 BY-SA版权
分类专栏： css 文章标签： 字体图标显示不正常 微信图标显示 字体图标
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/bigname22/article/details/102486747
本文探讨了微信iOS端字体图标显示为方框的问题，分析了错误原因为iOS微信端的缓存机制，并提供了两种解决方案：一是微信登录不跳转，由后台静默完成；二是延迟跳转，确保文件下载完毕后再进行。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

微信端字体图标显示不正常（不显示/显示成方框）

iOS 中微信端打开项目发现图标显示成一个个方框；切换页面也同样没显示。但是在Android端、IOS的浏览器显示正常
【借用下网上的效果】
在这里插入图片描述

一开始的思考方向

一开始怀疑是字体图标的导入出错了，所以重新导入，但是仍然没解决。因为网上也很多说字体图标文件导入顺序等等问题影响。但这并没有解决我的问题。

发现错误的原因

后来又重新思考为什么偏偏是 ios&&微信端 才出问题，意识到我的微信端为了做微信授权登录跳转了一遍地址。会不会是这一次跳转引起的。所以我决定先不跳转地址，结果真的就正常了。

出错的原理

后来翻阅资料终于找到了出错的真相，IOS的微信端，是因为缓存机制引起的。

          // 具体原因：刚进入页面会检测微信环境的话会发生一次跳转（获取微信用户信息）,在未跳转前，浏览器正在下载图标文件；而跳转使得
          // 这些文件下载终止导致不完整。再跳转后想下载这些文件但因为浏览器缓存机制问题所以复用那些不完整的文件.
解決方案
  • 微信登录不跳转，右后台静默完成（推荐）；
  • window.onload()方法中执行跳转，因为此时文件都下载完毕
  • 延迟跳转（在用）

最后祝福大家生活愉快

统信系统UOS桌面版V20 用户手册
Reyn_观极
07-27 1万+
UOS桌面版V20用户手册。
CSS3学习笔记总结，你值得拥有（呕心沥血之作，涵盖CSS3所有知识点）
孙叫兽的博客
08-21 4062
注意：本文演示的运行结果使用的是在线编译器，只显示body里面的内容，大家可以用浏览器进行查看完整效果包含head。 简介 CSS3已完全向后兼容，所以你就不必改变现有的设计。浏览器将永远支持CSS2。 CSS3被拆分为"模块"。旧规范已拆分成小块，还增加了新的。 一些最重要CSS3模块如下： 选择器 盒模型 背景和边框 文字特效 2D/3D转换 动画 多列布局 用户界面 边框 用 CSS3，你可以创建圆角边框，添加阴影框，并作为边界的形象而不使用设计程序，如 Photoshop。
android 字体变成方块,求助！乱删字体，结果系统图标都变方块了！
weixin_39725885的博客
05-26 796
[HTML] 纯文本查看 复制代码Windows Registry Editor Version 5.00[HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows NT\CurrentVersion\Fonts]"Aharoni Bold (TrueType)"="ahronbd.ttf""Arial (TrueType)"="arial.ttf""Arial ...
wine 的微信页面中间有黑框，且输入的中文为方框，发出的消息却是正常显示的
我要一步一步向前走
01-10 4695
花了好几天，都已成功解决，get.
微信小程序：外部字体引用以及遇到的一些问题（字体图标/字体文件）
热门推荐
weixin_39015132的博客
09-12 2万+
前言 设计稿中，有用到手机未内置的第三方字体。如何在微信小程序中使用呢？ 开始 触类旁通，小程序的wxss语法与css是一致的。我们首先想到的是@font-face{}。没错，它就是今天的主角~ 在正式开始之前，我们先来看看两个常见的概念： 字体文件：引用该类型文件，控制文字的显示形态。 字体图标：使用字体代替图标显示。 一开始，参照网上的方法，将对应的字体文件，上传到https://...
微信小程序开发引入icon图标出现小框的问题
m0_53350325的博客
04-02 1744
在练习引入icon图标时无论怎么更改都会出现小框 首先检查是否在iconfont.json中的font_family是否写了iconfont "font_family": "iconfont", 若还出现小框问题则需要打开icon官网 。先把要插入的图标添加到我的项目中 。 添加后点击 资源管理->我的项目->点击复制代码 把复制下来的代码复制到iconfont.wxss的 @font-face { } 打开download中的 demo_index.html 找到图片的索引名 注意名字
我win7的快捷方式图标显示不正常的解决方法
weixin_34307464的博客
07-31 423
打开360安全卫士的“电脑专家”然后在搜索栏里输入“快捷方式图标”几个字一搜，基本快捷方式图标方面的问题都列了出来，而且是文字配图片的！真的不错。如果不用“电脑专家”功能，那么在360系统急救箱中也有重建系统图标缓存，点一下就行啦！ 转载于:https://blog.51cto.com/zkqqzkzkq/1260981...
python可视化的图表汉字显示成框框_Matplotlib pyplot中title() xlabel() ylabel()无法显示中文（即显示方框乱码）的解决办法...
weixin_39693437的博客
12-20 1040
有趣的事，Python永远不会缺席！一、无法正常显示原因matplotlib.pyplot在显示时无法找到合适的字体，故显示乱码(我的显示为方框)二、解决办法添加相关包，指定相关字体from matplotlib import pyplotfrom matplotlib.font_manager import FontPropertiesfont_set = FontProperties(fnam...
信息技术01--初/高中--选择真题汇总(197道题)
Allure泽宇的博客
09-01 3624
初高中选择题真题
5.20爬虫结——Mu
Lize_Mu的博客
05-20 1895
3852724,最新版墨镜风格模板发布了，有需要的朋友可以进来看看,2759280 3856589,官方手机模板在哪安装,3140684 3856347,手机触摸屏被劫持跳转其它网站,3112842 3856562,终于知道DZ官网为什么没落了,3112900 3856535,主题自带的二级导航怎么修改啊,2578089 3856505,以前有农场这些插件能安装，现在没了吗？,1515035 3856513,请问这个网站用的是什么应用程序,3140310 3856515,萌新想问一下，能否可以实现现在主流素
Ubuntu 安装Wine 显示方块字体 如：□ □ □ [解决]
01-17
wine 1.8 1.9 1.7 通用-秒杀 乱码 □
桌面图标显示不正常
03-27 486
  可能是图标缓存出了问题，因为图标的数据是以链接的形式存放在缓存区域中的，如果链表中每个元素的开始与结束位置发生了变化，那么就会出现这种情况。 碰上这个故障可以通过手动重置图标缓存来解决。首先右击桌面空白处选择“属性”，切换到“外观”选项卡，点高级，在“项目”框的下拉列表中选择“图标”，改变一下图标的大小，然后再变回原设置即可。这样系统就会自动清空并重建缓存中的数据。 重建图...
emoji无法显示_微信昵称emoji表情，特殊表情导致列表不显示，导出EXCEL报错等问题解决！...
weixin_39955233的博客
12-20 3620
最近做的项目，上线后一切正常，过段时间管理员反馈用户导出EXCEL报错，前台获取用户列表不显示，查找问题找到是微信昵称、emoji表情导致报错，emoji表情介绍由于微信接口中对于emoji表情使用的是UTF-8的二进制字符串，并没有解码，表现就是当收到微信端用户发来的emoji表情时，显示为一个方块型「」或是无法显示的字符，这时就需要对其进行转码。每个emoji表情其实都有相应的unicode...
苹果6 阿里巴巴iconfont显示为小方块
fangge_的博客
10-23 869
问题描述 一个web项目 PC端访问正常 苹果手机浏览器打开也正常。但是，苹果6手机上，用微信内置浏览器打开iconfont图标显示不出来（小方块）（iPhoneX微信内置浏览器打开正常）。 标题解决 一开始怀疑是苹果系统造成的，后来发现只有icon-hengpai这个图标显示不出来，其他iconfont正常。所以换了icon-icons_unflod这个图标，然后重写下载iconfont，上传，...
Deepin wine QQ/微信中文显示为方块的原因之一
Neo的博客
01-16 1172
问题原因： 目录下~/.deepinwine，查找乱码的应用Deepin-QQ、Deepin-WeChat，相同路径/drive_c/windows/Fonts下查看是否有字体，笔者发现没有任何字体，这就是原因所致，wine程序会在此处寻找字体，而不能直接利用linux系统的字体 解决方法： 把/usr/share/fonts/Fonts_Win下字体复制到这里，使wine应用程序能找到至少一种fallback字体,也可以在别的地方的fonts问价夹下，拷贝.ttf字体文件到这里 ...
word中空格时怎么文档全是方块啊
weixin_34126557的博客
02-04 785
启动Word，从菜单中选择“工具|选项”，在弹出的“选项”对话框中，选择“视图”选项卡，找到“格式标记”区域，取消“空格”的选中标记，另外，全部那个框也不能选。其实最简单的方法就是按ctrl+shift+* 就可以了！或者是单击word常用工具栏右边有一个“显示/隐藏编辑标记”按钮（百分比按钮的左边）。 转载于:https://blog.51cto.com/wang...
小程序使用阿里图标变方框问题
weixin_43447037的博客
10-15 820
ttf文件 https://transfonter.org/ 解压出来的css文件，用来替换原来那个css上面的url
Win7图标显示异常修复指南
weixin_33480380的博客
09-27 2610
本文还有配套的精品资源，点击获取 简介：Windows 7用户可能会遇到桌面图标显示异常问题，包括图标模糊、变形或显示为白色方块。尽管不影响功能，但影响美观。本文介绍一系列修复步骤，包括桌面刷新、重启资源管理器、清除图标缓存、恢复默认主题、更新驱动程序、系统还原、执行SFC扫描、注册DLL文件、病毒检查和重新安装Windows等方法。建议用户从最简单的方法开始，逐步尝试，并...
计算机系统设置图标异常,Win7桌面图标异常的解决大全
weixin_39921689的博客
07-21 1191
桌面图标出现异常怎么办？桌面异常情况有很多，我们今天这里做一个归类。首先我们要知道一个图标实际上是多张不同格式的图片的集合体，并且还包含了一定的透明区域。因为计算机操作系统和显示设备的多样性，导致了图标的大小需要有多种格式。操作系统在显示一个图标时，会按照一定的标准选择图标中最适合当前显示环境和状态的图像。也正因为如此，图标有时候才会变得异常。第一类异常描述及解决方法1、图标显示正常，而图标名称有...
matplotlib.pyplot正常输出但不显示字体
最新发布
07-13
<think>我们正在解决matplotlib绘图时字体无法正常显示的问题。根据引用，有几种方法可以解决这个问题： 1. 在绘图时直接指定字体（如引用[1]所示） 2. 设置rcParams全局参数（如引用[2]所示） 3. 确保在导入matplotlib.pyplot之前设置后端（如引用[2]中的`matplotlib.use('TkAgg')`，但注意这通常只在需要时设置，且必须在导入pyplot之前） 另外，引用[3]提到`%matplotlib inline`用于Jupyter Notebook中内嵌显示图像，但这不是解决字体问题的直接方法。 常见的字体问题有两个原因： - 没有正确设置中文字体，导致中文显示为方框或空白。 - 没有关闭unicode_minus设置，导致负号显示异常。 解决方案： 方法一：在绘图时指定字体（适用于局部设置） 示例代码： ```python import matplotlib.pyplot as plt import matplotlib.font_manager as fm # 加载中文字体，这里以黑体为例，路径根据实际字体文件位置填写 my_font = fm.FontProperties(fname='C:/Windows/Fonts/SimHei.ttf') plt.plot([1, 2, 3, 4]) plt.title('示例标题', fontproperties=my_font) # 在需要显示中文的地方设置fontproperties plt.show() ``` 方法二：全局设置（推荐，一次设置整个图） 示例代码（如引用[2]所示）： ```python import matplotlib # 如果需要，设置后端（通常在脚本中需要，在Jupyter中可能不需要） # matplotlib.use('TkAgg') # 注意：必须在导入pyplot之前设置 import matplotlib.pyplot as plt # 设置字体为SimHei（黑体），解决中文显示问题 plt.rcParams['font.sans-serif'] = ['SimHei'] # 也可以使用其他中文字体，如'KaiTi','Microsoft YaHei' # 解决负号显示异常 plt.rcParams['axes.unicode_minus'] = False # 然后正常绘图 plt.plot([1, 2, 3, 4]) plt.title('示例标题') # 不需要再单独设置字体 plt.show() ``` 注意： - 方法二中的字体名称必须是系统已安装的字体，且名称正确。常见的可用中文字体名称有：'SimHei'（黑体）、'KaiTi'（楷体）、'FangSong'（仿宋）、'SimSun'（宋体）、'Microsoft YaHei'（微软雅黑）等。 - 如果使用全局设置后仍然不显示，可能是字体名称不正确，或者系统中没有该字体。此时可以尝试方法一，直接指定字体文件路径。 另外，在Jupyter Notebook中，通常使用`%matplotlib inline`来内嵌显示图像，但这并不影响字体设置。所以字体设置的方法同样适用。 如果上述方法都不行，可能需要检查系统是否安装了相应的字体文件，或者尝试重新安装matplotlib。 根据引用[2]中的示例，我们还可以设置字体大小： ```python plt.rcParams.update({'font.size': 10}) # 设置全局字体大小 ``` 因此，我们推荐先尝试全局设置方法，因为它简单且对整个图有效。如果全局设置不起作用，再尝试局部设置（指定字体路径）的方法。 最后，如果是在某些环境下（如Docker容器）运行，可能还需要安装中文字体包。 示例：在Ubuntu系统中安装中文字体 ```bash apt-get install -y fonts-wqy-microhei ``` 然后在代码中设置： ```python plt.rcParams['font.sans-serif'] = ['WenQuanYi Micro Hei'] # 文泉驿微米黑 ``` 总结步骤： 1. 确定问题：中文显示为方框或空白，负号显示异常。 2. 选择方法：全局设置或局部设置。 3. 确保字体存在：检查系统中是否存在设置的字体，或者通过文件路径指定。 4. 设置`axes.unicode_minus`为False解决负号问题。 下面给出一个完整的示例代码（全局设置）：</think>### 解决 matplotlib.pyplot 绘图字体无法显示问题 当 matplotlib 绘图无法显示中文或特殊字符时，通常是由于字体配置问题导致的。以下是几种有效的解决方案，根据引用内容整理： --- #### 方法 1：全局设置字体（推荐） 在导入 `pyplot` **前**设置全局参数： ```python import matplotlib matplotlib.use('TkAgg') # 可选：设置后端（在部分环境需要） import matplotlib.pyplot as plt # 关键设置：指定中文字体 + 关闭Unicode减号转换 plt.rcParams['font.sans-serif'] = ['SimHei', 'Microsoft YaHei', 'KaiTi'] # 中文黑体/雅黑/楷体 plt.rcParams['axes.unicode_minus'] = False # 解决负号显示异常 # 测试绘图 plt.plot([1, 2, 3]) plt.title("中文标题测试") # 中文应正常显示 plt.xlabel("X轴") plt.show() ``` > **说明**： > - `SimHei`（黑体）是 Windows 通用字体 > - 多字体列表可提高兼容性 > - 设置需在绘图命令前生效[^2] --- #### 方法 2：局部指定字体（精确控制） ```python import matplotlib.pyplot as plt import matplotlib.font_manager as fm # 直接加载字体文件（适合自定义字体） chinese_font = fm.FontProperties( fname='C:/Windows/Fonts/simhei.ttf', # 字体路径 size=12 # 字号 ) plt.plot([1, 2, 3]) plt.title("自定义字体标题", fontproperties=chinese_font) # 局部应用 plt.show() ``` > **适用场景**： > - 需要特定字体（如思源宋体） > - 不同文本使用不同字体 > - Linux/Mac 系统[^1] --- #### 方法 3：Jupyter Notebook 专用设置 ```python %matplotlib inline # 内嵌显示（Jupyter必要设置） import matplotlib.pyplot as plt plt.rcParams['font.sans-serif'] = ['SimHei'] plt.rcParams['axes.unicode_minus'] = False # 绘图代码... ``` > 注意：`%matplotlib inline` 必须在导入 `pyplot` 前执行[^3] --- ### 常见问题排查 1. **字体路径错误** - Windows 字体路径：`C:/Windows/Fonts/` - 使用 `fm.findfont('SimHei')` 验证字体位置 2. **设置顺序错误** ```python # 错误示例：设置顺序颠倒 import plt # ❌ 应先设置再导入 plt.rcParams[...] = ... ``` 3. **缺少字体文件** - Linux/Mac 安装中文字体： ```bash sudo apt-get install fonts-wqy-microhei # 文泉驿字体 ``` 4. **环境重置问题** - 在 Jupyter 中修改设置后需重启内核 --- ### 效果验证代码 ```python # 最终验证方案 import matplotlib matplotlib.use('TkAgg') import matplotlib.pyplot as plt plt.rcParams['font.sans-serif'] = ['SimHei'] plt.rcParams['axes.unicode_minus'] = False plt.bar(["北京", "上海", "广州"], [120, 95, 80], color=['#4C5050','red','#688B2F']) plt.title("城市数据对比") plt.xlabel("城市名称") plt.ylabel("数值") plt.show() ``` ![正常显示中文的柱状图](https://example.com/matplotlib-chinese-demo.png) *(图示：正确显示中文的柱状图效果)* ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值