Chrome 中文设置字体无效 始终为宋体 的坑之一 html lang

最新推荐文章于 2025-06-28 09:44:23 发布
原创 最新推荐文章于 2025-06-28 09:44:23 发布 · 1.1w 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#宋体   #字体无效 #Chrome  #html lang

本文介绍了一种在Chrome浏览器中遇到的中文网站字体渲染问题。当浏览器语言设置为英文时，即使设置了中文字体，页面仍默认显示为宋体。解决方法是确保HTML标签中的lang属性设置为zh-CN。

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

因为是国外的客户做中文的网站

Chrome 中文设置字体无效  始终为宋体 特别丑

找了半天 找到原因了.....   

这个在chrome 设置语言是中文的时候  是无所谓的  会自动渲染中文字体

设置语言是英文的时候  不会渲染中文字体-->仅渲染英文字体

所以这个时候把<html lang="en">改成就好了 <html lang="zh-CN"> 

没有的就加上这个就会自动渲染中文字体

实在不知道应不应该说 chrome要不要太智能

pzx521521
关注
01.HTML和CSS基础知识总结（内附思维导图）
weixin_67140731的博客
04-02 1270
前端HTML和CSS基础知识总结，内附思维导图和开发软件的快捷键
3万字干货HTML+CSS入门指南（建议收藏）
李南江
08-01 4930
什么是浏览器 浏览器是安装在电脑里面的一个软件， 能够将网页内容呈现给用户查看，并让用户与网页交互的一种软件。 就好比QQ一样都是安装在电脑里面的一个软件， 只不过功能不同而已 常见主流浏览器 浏览器市场份额-国内统计 浏览器市场份额-国外统计 不同的浏览器有不同的浏览器内核， 浏览器内核也就是浏览器所采用的渲染引擎，渲染引擎决定了浏览器如何显示网页的内容，从而导致了浏览器兼容性问题出现 IE内核 Trident 谷歌内核 WebKit / Blink 火狐内核 Gecko Saf
Chrome浏览器字体设置低于12px无效
努力学习的肥宅
08-21 204
在Chrome　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　在IE11 本来以为是padding问题导致出现左右两边的底部不在同一直线(在IE上),在Chrome显示是正常的,查了一下,IE11和Chrome都是content-box,所以排除了着方面的可能,之后才发现自己定义的字体大小是10...
Chrome浏览器设置font-size为12px以下无效的解决方法
吹口琴的喵喵~~的博客
06-30 1541
Chrome浏览器将font-size设置为12px以下时无效，字体会默认显示为12px。其他浏览器会正常显示。 原因是Chrome浏览器做了限制，font-size 有一个最小值 12px，但是允许把 font-size 设置为 0。这个 12px 的限制用户是可以自行调整的，可以进入chrome://settings/fonts设置为其他值： 解决方法： Chrome 29 版本之前，可以使用 -webkit-text-size-adjust: none; 来解除这个限制。29 版本后就不起作用了。
Chrome扩展工具包：JSONView、翻译及Charset插件
最新发布
weixin_42608318的博客
06-28 1168
浏览器插件，或称作扩展，是一些可以增加浏览器功能的小程序，它们能够帮助用户执行特定任务，或者增强网页浏览体验。插件通常可以分为几大类：内容管理、生产力工具、安全性、开发工具和个人化设置等。JSONView是Chrome浏览器的一款插件，它能为JSON数据提供格式化和高亮显示功能，从而极大地简化了前端开发者在调试和查看JSON数据时的体验。它的基础功能包括：自动检测JSON数据：当在浏览器中查看JSON格式的响应时，JSONView插件能够自动识别JSON数据，并应用格式化。
解决chrome/chromium的宋体显示发虚问题
宝宝
10-18 6041
ubuntu11.10的默认字体采用的是文泉驿微米黑，还是蛮漂亮的，可恶的是chrome和chromium的宋体很恶心，无法设置。虚的要命。解决方法包括： 1.首选项里的设置 2.修改.font.conf配置文件/etc/fonts/fonts.conf ，原理为字体的重新映
Chrome 浏览器字体不显示问题
热门推荐
damaolly的专栏
08-27 2万+
项目在其他浏览器中都能正常显示，唯独在Chrome中显示
Ubuntu20.04，chrome中文字体无法调整的问题，中文字体渲染不到位
人在江湖
01-24 1486
解决ubuntu下，chrome字体渲染不到位的问题
HTML基础知识汇总
qq_43544490的博客
08-03 3776
------------------------------------ ????操作小技巧 ❗PS操作小技巧????????❕????????????✅ 1、视图–标尺：可测量像素尺寸感叹号 2、吸管工具可吸取颜色值 3、左侧移动工具–点击侧边标尺，按住不放拖至图片边缘-----方便测量 ❗vscode快捷码字 ul>li*4{$} 得到如下 <ul> <li>1</li> <li>2</li> <li>
前端三件套知识点
二氧化硅.的博客
01-11 2909
前端三件套知识点
综合一
刘群智的博客
07-27 4438
自我介绍 左固定右自适应布局 这是一个很常见的布局，当然也可以实现右侧自适应，左侧自适应。比如常见的网页中，左侧导航栏是固定的，右侧的内容区要自适应浏览器的大小。 现在我们来看下HTML布局： &lt;div id="outer"&gt;   &lt;div id="sidebar" style="height:240px;"&gt;固定宽度区&lt;/div&gt;   &lt;d
html 字体模糊,css – Chrome字体显示模糊
weixin_31623707的博客
06-05 651
它在做我的眼睛！在IE和Firefox看起来不错Chrome(上图)运行版本39的chrome，只在模态框中显示模糊，如果我更改字体系列没有什么不同。这是CSS(对于标签“开始”)，浏览器呈现以下内容box-sizing: border-box;color: rgb(85, 85, 85);cursor: default;display: block;float: left;font-family...
谷歌chrome浏览器下font-size属性值小于12px时无效问题的解决办法
干勾鱼的优快云博客
12-29 9776
如果单单是想要设置页面的font-size属性值小于12px，貌似是一个很简单、很正常、对于有这个需求的开发者理所当然的事情。 在chrome浏览器下，当设置font-size属性值小于12px时是无效的，当然网上很多地方也有解决办法，那就是使用“-webkit-text-size-adjust”。有的时候即使设置了这个属性在chrome里仍然有问题，网上也有一些论坛讨论作参考。 不过，退一万
谷歌chrome浏览器升级新版后字体显示不清楚解决方案
阿酷tony
05-14 2586
谷歌chrome浏览器升级新版后字体显示不清楚解决方案，谷歌chrome浏览器升级新版后字体显示不清楚解决方案。似乎是网页不能识别宋体等某些字体，这些字体被一款很细的字体代替，引起看不清。具体原因不详。
软件、Chrome字体细到模糊发虚解决方案
sm_xy的博客
07-28 1万+
什么都不说了，上链接。 https://www.jianshu.com/p/44c08d3dd7ad
Chrome默认字体太小解决办法
weixin_34307464的博客
10-18 996
当网站的字体为12px时，在Chrome里显示的非常小，看起来非常的吃力。修改的方法： 1. 务必先关闭你的Chrome浏览器。（不先关闭的话，修改可能会被覆盖掉） 2. 最好再备份一下配置文件，如果配置文件搞坏了会很惨： cd.config/google-chrome/Default cpPreferencesPreferences.bak...
chrome 浏览器个别字体模糊不清
lacoucou的专栏
11-16 4563
把这种模糊的字体换掉即可解决一部分问题。
Chrome浏览器更新字体看不清的最终解决方案
阿酷tony
05-08 3558
浏览器症状：Chrome更新至版本Chrome 109.0.5414.120 字体看不清；会很细，在设置中选择自定义的字体，仍无法解决；重新安装，也不能解决； 原因猜测：似乎是网页不能识别宋体等某些字体，这些字体被一款很细的字体代替，引起看不清。具体原因不详。
PhantomJS 如何设置中文字体为宋体字或微软雅黑
05-17
PhantomJS是一个基于WebKit的无界面浏览器，它默认使用系统字体进行网页渲染。如果你想让PhantomJS在网页渲染时使用宋体字或微软雅黑字体，可以按照以下步骤进行设置： 1. 下载并安装相应字体 在Linux系统下，可以通过以下命令安装宋体和微软雅黑字体： ``` sudo apt-get install ttf-wqy-zenhei ttf-mscorefonts-installer ``` 在Windows系统下，可以下载并安装宋体和微软雅黑字体。 2. 设置PhantomJS的字体配置 在PhantomJS中，可以通过以下代码来设置字体配置： ``` var page = require('webpage').create(); page.settings.userAgent = 'Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/41.0.2272.101 Safari/537.36'; // 设置字体 page.onInitialized = function() { page.evaluate(function() { document.body.style.fontFamily = '宋体,Microsoft YaHei'; }); }; // 打开网页并截图 page.open('http://www.example.com', function() { page.render('example.png'); phantom.exit(); }); ``` 在上面的代码中，我们通过`document.body.style.fontFamily`来设置网页的字体，其中，`宋体`和`Microsoft YaHei`是我们要设置的字体。在使用时，你可以根据自己的需求来修改字体名称。 希望这个回答对你有帮助。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值