浏览器中的字体问题

最新推荐文章于 2023-11-16 11:26:08 发布
转载 最新推荐文章于 2023-11-16 11:26:08 发布 · 1.2k 阅读 · 1
文章标签：

#浏览器 #microsoft #apple #微软

写字体的时候为了周全所以就写三个字体或多个字体，一般为“微软雅黑”，默认显示字体中文为“宋体”和英文显示字体为“Arial”。

注意的就是在页面编码为“gb2312”时当然写中文是可以的，如果页面编码为“UTF-8”的话中文会显示乱码，所以该字体就不被浏览器识别，所以要写英文哦！

华文细黑 STHeiti Light
华文黑体 STHeiti
华文楷体 STKaiti
华文宋体 STSong
华文仿宋 STFangsong
丽黑 Pro LiHei Pro Medium
丽宋 Pro LiSong Pro Light
标楷体 BiauKai
苹果丽中黑 Apple LiGothic Medium
苹果丽细宋 Apple LiSung Light
Windows
新细明体 PMingLiU
细明体 MingLiU
标楷体 DFKai-SB
黑体 SimHei
宋体 SimSun
新宋体 NSimSun
仿宋 FangSong
楷体 KaiTi
仿宋_GB2312 FangSong_GB2312
楷体_GB2312 KaiTi_GB2312
微软正黑体 Microsoft JhengHei
微软雅黑 Microsoft YaHei

隶书 LiSu
幼圆 YouYuan
华文细黑 STXihei
华文楷体 STKaiti
华文宋体 STSong
华文中宋 STZhongsong
华文仿宋 STFangsong
方正舒体 FZShuTi
方正姚体 FZYaoti
华文彩云 STCaiyun
华文琥珀 STHupo
华文隶书 STLiti
华文行楷 STXingkai
华文新魏 STXinwei

win7系统下chrome浏览器字体模糊
justlpf的专栏
02-12 4923
点击"设置"按钮：搜索字体，进入如下页面，按下图修改相应的选项即可：
Google Chrome浏览器字体模糊，字体锯齿 的解决方法
热门推荐
备忘录式博客
08-23 6万+
Google Chrome浏览器字体模糊，字体锯齿的解决方法
Chrome更新后有些字体看不清解决方案
阿酷tony
03-30 4682
症状：Chrome更新，至版本Chrome 109.0.5414.120 字体看不清。 原因猜测：似乎是网页不能识别宋体等某些字体，这些字体被一款很细的字体代替，引起看不清。具体原因不详。
chrome 浏览器个别字体模糊不清
lacoucou的专栏
11-16 4994
把这种模糊的字体换掉即可解决一部分问题。
【vue-pdf导致浏览器界面字体及内容缺失问题】
weixin_44420339的博客
10-10 4794
前阶段工作中遇到了一些生产问题，前端页面上的字体、图片、图标会随机缺失，特别是字体，，出现问题的页面也是随机的，首先排除了页面数据获取、传递的原因，而且在不同机具上出现问题的界面也不同。尝试了升级浏览器、清理缓存，也都无法解决。后来经过测试发现此现象多发生于调用了vue-pdf插件后，网上资料大部分都是关于vue-pdf导致pdf显示界面内容缺失问题，但推测vue-pdf组件可能存在缺陷，会导致此类问题，尝试更换为vue-pdf-signature组件，依然无法解决（···）
解决IE没有的字体
weixin_30954607的博客
09-19 156
公司有一个奔驰网页活动的项目，用到了“汉仪长宋简”字体，讲述一下 整个升成CSS3 字体导入到页面的整个过程。 首先要下载微软的eot字体生成软件〈Microsoft WEFT〉 。 软件使用的要点：1.添加邮箱 2.做一个简单的带CSS的.htm的网页 （其中有一个动作是把该字体加载到系统中，在CSS中引用即可），软件会自动识别 你用到了那些字体。 3.生成完要 选一个存放字体目录。 ...
解决win7中使用chrome浏览器打开网页字体模糊的问题
06-10
通过以上方法，大多数情况下可以解决Windows 7环境下Chrome浏览器字体模糊的问题。如果问题仍然存在，可能需要检查显示器的分辨率和缩放设置，或者联系技术支持进一步排查。记住，保持系统和软件的更新是避免此类...
Win7系统下Chrome浏览器网页字体模糊问题的解决方法
最新发布
07-18
资源下载链接为： ...在 Windows 7 系统中，使用 Google Chrome 浏览器时可能会出现网页字体...通过以上方法，通常可以解决 Windows 7 下 Chrome 浏览器字体模糊的问题。如果问题依旧，可检查显示器分辨率和缩放设置，或联
css中引入指定字体@font-face兼容各浏览器的问题
11-21
网页制作中，如果想使用特定的字体可以通过 @font-face 引用，即是解决访问用户电脑本地没有安装该字体导致不能按设计样式显示的问题。 注意： 支持 @font-face 的浏览器有Internet Explorer 9、Firefox Opera、...
前端浏览器字体小于12px的解决办法
09-22
总结来说，解决前端浏览器字体小于12px的问题，可以采用 `transform: scale()` 结合 `display: inline-block` 的方式。这种方法通过分离文本元素并对其进行缩放，实现了小于12px的视觉效果，同时也提供了对不同...
IE和Chrome仿宋字体显示不一致
Amy的专栏
01-08 1134
font-family是仿宋，IE浏览器上没起作用，修改为"FangSong"即可。
如何实现一个使用非标准字体的网页设计？
黄新的博客
05-10 489
使用@font-face并为不同的font-weight定义font-family。
网页文字变成书法字体的解决方案 Heiti SC显示异常 显示书法行书 如何删除Heiti SC 如何删除胭脂连体.TTF，胭脂连体.TTF流氓字体
两天打鱼三天晒网
04-14 3670
在我电脑上发现很多网站会变成这样的奇怪字体？开始我以为是网站这么有个性，竟然用中国书法似得手写字体，但是询问官方客服发现并不是这么回事，他们那边都是显示正常的，这样我就奇怪了。查看元素看到中文是用的是HeitiSC，好几年了。一直不知道什么原因，字体网站搜索这个字体也没什么结果。删除电脑上叫这个名称的字体也没用，不知道浏览器实际应用的heiti sc到底是对应的哪个字体文件，一直非常困...
CSS中文字体与浏览器默认字体之页面可用性
Full Stack
05-31 3674
一、浏览器默认字体本文地址：http://www.baidu980.cn/mainview.asp?bid=&categoryID=166&id=349 众所周知，浏览器字体默认的设置为“宋体/simsun字体 16像素”，例如Chrome浏览器下： 二、CSS中设置的字体 考虑到兼容性，我们总会在CSS中队字体进行一些设置，这类设置往往设置在body标签上，无论是人人网，腾讯网，淘宝网
谷歌浏览器64位浏览器网页显示不完全修改方法
onthewaygyh的博客
12-13 9610
设置里面 chrome://flags/ 启用DirectWrite 把这个选项关闭掉就可以显示文字了，新版的DEV好像64位的这个情况！
解决chrome/chromium的宋体显示发虚问题
宝宝
10-18 6226
ubuntu11.10的默认字体采用的是文泉驿微米黑，还是蛮漂亮的，可恶的是chrome和chromium的宋体很恶心，无法设置。虚的要命。解决方法包括： 1.首选项里的设置 2.修改.font.conf配置文件/etc/fonts/fonts.conf ，原理为字体的重新映
谷歌chrome浏览器升级新版后字体显示不清楚解决方案
阿酷tony
05-14 2632
谷歌chrome浏览器升级新版后字体显示不清楚解决方案，谷歌chrome浏览器升级新版后字体显示不清楚解决方案。似乎是网页不能识别宋体等某些字体，这些字体被一款很细的字体代替，引起看不清。具体原因不详。
谷歌浏览器网页显示不完整解决方法
rtkj1122的博客
10-19 1万+
谷歌浏览器是非常多用户都在用的一款电脑软件，谷歌浏览器以启动速度快、浏览速度快、界面简单、极强的稳定性等优点受到大家的喜爱，在使用的时候，您可能会遇到打不开网页或显示不全等情况， 那么谷歌浏览器显示不完全怎么解决呢？速印机（理想、荣大等）、复印机（夏普、东芝、理光、佳能、震旦等全系列）、打印机、扫描仪、传真机、多媒体教学一体机、交互式电子白板、报警器材、监控、竞业达监考设备及其它监考设备、听力考试设备、特种安防设备维护及维修。5、找到红色圈里面的这项，【保护您和您的设备不受危险网站的侵害】；
中文字体的英文名称
weixin_33736832的博客
04-06 2502
HTML，CSS，font-family：中文字体的英文名称 （宋体 微软雅黑）In 前端  @2012-09-13 宋体 SimSun 黑体 SimHei 微软雅黑 Microsoft YaHei 微软正黑体 Microsoft JhengHei 新宋体 NSimSun 新细明体 PMingLiU 细明体 ...
信创浏览器符号字体问题
03-29
<think>好的，我现在需要帮助用户解决关于信创浏览器符号字体的问题。首先，我需要明确用户的问题到底是什么。信创是指信息技术应用创新产业，主要涉及国产化的软硬件产品。用户提到的符号字体问题可能是在使用信创浏览器时遇到数学符号、特殊字符显示异常的情况，比如乱码、无法正确渲染等。 接下来，我应该分析可能导致这些问题的原因。首先想到的是字体缺失或兼容性问题。信创环境下的操作系统（如统信UOS、麒麟OS）和浏览器（比如360安全浏览器、红芯等）可能默认安装的字体库不够全面，尤其是数学符号或特殊符号所需的字体。例如，LaTeX中常用的符号可能需要特定的字体支持，如STIX、MathJax等。如果这些字体没有预装或者浏览器无法调用，就会显示异常。 然后是浏览器的兼容性和渲染引擎问题。不同的浏览器使用的渲染引擎不同，比如Chromium、WebKit等。如果信创浏览器基于较旧或修改过的引擎，可能对现代Web标准支持不足，特别是在处理复杂数学公式或符号时。例如，使用MathJax或KaTeX渲染的公式，如果浏览器不支持相应的JavaScript API或CSS特性，可能导致显示错误。 另外，编码问题也可能导致符号显示异常。网页如果未正确声明字符编码（如UTF-8），或者在传输过程中编码被破坏，可能导致字体解析错误。同时，操作系统的语言支持是否完整也可能影响，比如缺少必要的语言包或字体配置。 针对这些可能的原因，我需要给出相应的解决方案。首先是安装缺失字体。用户可以手动安装包含数学符号的字体，如STIX、Latin Modern Math、Noto Sans Math等。在Linux系统中，通常需要将字体文件放入~/.fonts目录或/usr/share/fonts/，然后更新字体缓存。例如，使用fc-cache -fv命令。安装后，重启浏览器测试是否解决。 其次是配置浏览器强制使用特定字体。在浏览器的设置中，找到字体选项，指定数学符号字体为首选。例如，在Chrome内核的浏览器中，可以设置自定义字体，确保所有网站使用已安装的数学字体。但需要注意，某些网站可能内嵌了字体设置，可能需要扩展插件来覆盖。 然后检查网页代码是否规范。开发者应确保HTML头部声明了正确的字符编码<meta charset="UTF-8">，并使用标准的数学公式渲染库（如MathJax、KaTeX），并在页面中正确加载所需字体资源。如果问题出在特定网站，可能需要联系网站开发者优化兼容性。 如果问题依然存在，可能需要更新浏览器或操作系统。信创生态更新较慢，但可以检查是否有浏览器新版本支持更好的字体渲染，或者操作系统是否有字体相关的补丁。此外，使用兼容模式或开发者工具模拟不同环境，帮助排查问题。 最后，使用备用方案，如截图或PDF导出。对于关键场景，若实时渲染不可行，可以将含复杂公式的页面导出为PDF或图片，确保内容无误。 在解释这些步骤时，需要保持结构清晰，分点说明可能的原因和对应的解决方法，避免使用过于技术化的术语，让用户能逐步跟进操作。同时，要提醒用户具体操作可能因系统或浏览器版本而异，建议参考官方文档或寻求技术支持。 需要验证每个步骤的正确性，比如安装字体的具体命令，浏览器设置的路径是否正确，避免给出错误指导。同时，考虑用户可能遇到的权限问题，比如在系统目录安装字体需要sudo权限。此外，对于普通用户，手动安装字体可能有一定难度，可能需要更详细的步骤说明或自动化脚本建议。 总结来说，信创浏览器的字体问题主要涉及字体缺失、兼容性、编码和渲染引擎等方面，解决方法包括安装字体、配置浏览器、检查网页代码、更新软件和使用备用方案。需要根据具体情况逐步排查，并提供易于操作的建议。</think>### 信创浏览器符号字体问题解析 信创浏览器在显示数学符号、特殊字符或公式时，可能出现**乱码、方框替代符、排版错位**等问题。以下是逐步分析与解决方案： --- #### **一、问题根源** 1. **字体缺失** 信创操作系统（如统信UOS、麒麟OS）默认字体库可能缺少数学符号专用字体（如STIX、Cambria Math），导致无法渲染复杂公式。 **示例**：公式 $$ \int_{a}^{b} f(x)dx $$ 可能显示为“□□”。 2. **浏览器兼容性** 部分信创浏览器基于Chromium旧版本或定制内核，对现代数学公式渲染库（如MathJax、KaTeX）支持不足。 3. **编码与语法冲突** - 网页未声明UTF-8编码，导致字符解析错误。 - LaTeX语法未正确转义（如未使用`$...$`或`$$...$$`包裹公式）。 --- #### **二、解决方案** ##### **步骤1：安装数学符号字体** 1. **下载字体** 推荐安装开源字体： - [STIX Fonts](https://www.stixfonts.org/) - [Noto Sans Math](https://fonts.google.com/noto) - [Latin Modern Math](https://www.fontsquirrel.com/fonts/latin-modern-math) 2. **手动安装（以统信UOS为例）** ```bash # 将字体文件复制到系统目录 sudo cp *.ttf /usr/share/fonts/ # 更新字体缓存 sudo fc-cache -fv ``` 3. **重启浏览器**，检查公式显示是否正常。 ##### **步骤2：配置浏览器字体** 1. 进入浏览器设置 → **外观** → **字体**。 2. 将**标准字体**和**数学符号字体**设置为已安装的STIX或Noto Sans Math。 3. 禁用“允许页面选择自有字体”（防止网页覆盖设置）。 ##### **步骤3：检查网页代码规范** 若为开发者，需确保： 1. HTML头部声明编码： ```html <meta charset="UTF-8"> ``` 2. 使用标准公式库（如KaTeX）并正确加载字体： ```html <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.css"> ``` ##### **步骤4：更新浏览器或系统** - 通过信创应用商店检查浏览器（如360安全浏览器、红芯）更新。 - 若为系统级字体缺失，提交反馈至操作系统厂商要求补充字体包。 ##### **步骤5：备用方案** - 将公式转换为图片/SVG嵌入网页。 - 使用打印→PDF功能保留正确排版。 --- #### **三、验证方法** 1. 测试页面：访问 [MathJax示例](https://www.mathjax.org/#demo) - 正常显示应包含：$$ \frac{d}{dx} \left( \int_{0}^{x} f(u)\,du \right) = f(x) $$ - 若仍显示异常，说明字体或浏览器渲染存在问题。 2. 使用浏览器开发者工具（F12）： - 检查`Console`是否有字体加载报错。 - 在`Network`标签页查看字体文件（.woff、.ttf）是否成功下载。 --- #### **四、扩展建议** - **信创生态适配**：推动浏览器厂商与MathJax、KaTeX社区合作，优化国产环境兼容性。 - **字体裁剪工具**：若需轻量化，可使用[FontForge](https://fontforge.org/)定制仅含数学符号的字体子集。 通过以上步骤，可系统性解决信创浏览器中符号字体显示问题。如遇具体场景，建议结合控制变量法（如更换浏览器、对比不同网页）进一步定位原因。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值