芒果小站

  1. 全球最具业界良心的主机 - DigitalOcean

    毫无疑问,目前做得最好的主机供应商

    猛击这里查看

  2. 芒果小站目前使用的主机 - DigitalOcean

    客服响应快,随时退款,XEN 架构稳定

    猛击这里查看

  3. 最好的日本东京线路主机 - DigitalOcean

    可选弗里蒙特、达拉斯、亚特兰大、纽瓦克、伦敦、东京机房

    猛击这里查看

  • 1
  • 2
  • 3
切换到精简模式
23

Google Chrome 中文版最小字体限制

作者 芒果/分类 代码/发布于 2010-09-18 15:43

Google Chrome 浏览器发布那么久,简体中文版一直存在最小字体 12px 的限制。12px 有什么好处?除了中文字体看起来舒服点,也没什么好处了。

但引发的问题确是不小的,中文版本 Chrome 下,所有英文字体无法小于 12px,而国外 11px 英文是很常见的。之前芒果记得雅虎的首页还因为 12px 引起过缺陷。如果仔细想,页面中小于 12px 的字体被浏览器流氓似地强制设为 12px,肯定会有引起网页布局上的一些问题。

这是芒果的页面在 Google Chrome 中文版环境下的效果,发现原本 10px 的英文标签被强制成了 12px,效果有一点点不尽人意。

江湖上流传着一个解决该问题的方法,就是把浏览器语言切换为英文:

“设置 – 选项 – 高级选项 – 更改字体和语言设置 – 语言 – 谷歌浏览器语言:英文(美国)”

那这个问题是不是 Bug?严格意义上也不算是,引起这个问题的根本原因在于 Chrome 中文版的配置文件。据说通过修改配置文件,也可以修复这个问题,但芒果尝试了几次均以失败告终。

既然如此就来点更猛烈的,ChromeWebkit 的内核,有一个 -webkit-text-size-adjust 的私有 CSS 属性,通过它即可实现字体大小不随终端设备或浏览器影响。样式定义如下:

-webkit-text-size-adjust:none;

纠结了大半年的字体大小问题终于尘埃落定。^_^

版权所有,转载请注明出处。
转载自 <a href="http://mangguo.org/google-chrome-chinese-minimum-font-size/" title="Google Chrome 中文版最小字体限制" rel="bookmark">Google Chrome 中文版最小字体限制 | 芒果小站</a>
如果喜欢这篇文章,欢迎订阅芒果小站以获得最新内容。

已经有 23 条群众意见

  1. 书香阁 /2010-09-19 03:04

    还算可以把,呵呵。。。 回应

    #1
  2. ?
    css解决chrome 12px字号限制 - 断桥残雪部落格 /2010-09-19 09:07

    […] 很早之前断桥残雪写过一篇关于chrome最小字体12px的解决方法,但是没有提出来在CSS中的解决方法,今天看了芒果的文章,终于找到了解决的方法了。要解决chrome中最小字体为12px的问题,我们可以使用Webkit 的内核的 -webkit-text-size-adjust 的私有 CSS 属性来解决,比如下面的代码就可以成功的解决,通过它即可实现字体大小不随终端设备或浏览器影响。样式定义如下: #chrome10px{ -webkit-text-size-adjust:none; font-size:10px; } […] 回应

    #2
  3. dumpling /2010-09-19 11:30

    不错。。哈哈~ 回应

    #3
  4. 哲哲 /2010-09-19 13:27

    没有注意到字体这个·· 回应

    #4
  5. 猪猪懒人窝 /2010-09-19 22:20

    很不错,哈哈。 回应

    #5
  6. 可恩网 /2010-09-20 10:32

    你的博客很不错,呵呵 学到不少东西。 回应

    #6
  7. 苹果资讯 /2010-09-20 11:04

    没注意过啊。。。。 回应

    #7
  8. Daley /2010-09-20 11:09

    刚好是遇到这个问题,感谢分享! 学习了。 回应

    #8
  9. zwwooooo /2010-09-20 11:21

    这个的确很纠结,终于找到解决方法鸟。 回应

    #9
  10. 新疆和田玉 /2010-09-20 14:23

    恩 还真没注意过…… 回应

    #10
  11. 风吟 /2010-09-20 21:56

    不明真相!我也不用 ubuntu。 回应

    #11
  12. 学夫子 /2010-09-20 22:56

    我根本就没有注意这些,我只知道,chrome 的下一个版本听说速度会有更一步的提高……很期待。 回应

    #12
  13. 查对手流量关键字 /2010-09-21 10:51

    在详细点。
    文章不错,加油。。 回应

    #13
  14. IM路人 /2010-09-21 17:43

    我网站上就是 10px 的字体,哈哈,等下弄个 chrome 去试试看。 回应

    #14
  15. xuxzwwooooo/2010-09-21 21:52

    加油啊… 回应

    #15
  16. zwwoooooxux/2010-09-22 20:23

    的确需要,哈。 回应

    #16
  17. 苹果资讯 /2010-09-27 10:16

    你的博客很不错,呵呵 学到不少东西。 回应

    #17
  18. yesureadmin /2010-09-27 15:50

    这个我清楚,我的博客 tag 改成 5 它不认帐啊,呵呵,好像最小是 8。 回应

    #18
  19. Jutoy /2010-09-28 19:09

    一直就想改该死的 Chrome 最小字体~! 回应

    #19
  20. 拆墙部队 /2010-10-18 14:09

    还好,我纷纷表示一切良好。 回应

    #20
  21. 手机图片 /2010-11-20 12:16

    很好,表示毫无压力。 回应

    #21
  22. wllllll /2011-09-02 11:22

    很好,所有浏览器显示都一样了。 回应

    #22
  23. ?
    流浪小猫 /2012-09-26 01:41

    […] 源自Google Chrome 中文版最小字体限制 昵称 邮箱 评论 […] 回应

    #23

下面我简单说几句