中文版谷歌(Chrome)浏览器字体问题以及解决办法
2011-01-26 阅读 99
偶然的机会发现谷歌浏览器对字体大小支持的问题。至于什么问题请看下面的解释:
#### 谷歌浏览器对字体的支持问题:
下图是在IE8下面字体显示的大小:

下图是FF下面字体显示的效果:

下图是在谷歌下字体的显示效果:

从上图大家可以看到,三大浏览器在12号以上字体显示的样子都是一样的。在12号一下的字体除谷歌外其他的显示是一样的。而谷歌对于比12号小的字体显示的和12号字体一样大。在这里得到的结论是:谷歌最小支持到12号字体。
#### 谷歌浏览器字体问题的解决方法:
方法如下:使用Webkit 的内核的 -webkit-text-size-adjust 的私有 CSS 属性来解决,比如下面的代码就可以成功的解决,通过它即可实现字体大小不随终端设备或浏览器影响。样式定义如下: #chrome10px{ -webkit-text-size-adjust:none; font-size:10px; }
注释: -webkit-text-size-adjust属性:苹果移动设备上会识别,用于保证文字大小。
还有大家可以参考蓝色理想(http://bbs.blueidea.com/viewthread.php?tid=2992082&pid=5045248&page=1&extra=page%3D1)上面的一篇关于此问题的方法,本人认为哪个方法弊端太大不推荐使用。
(声明:本例仅供参考。大家有更好的意见或方法,请加我QQ:531046244)
谷歌 字体问题 字体大小 解决办法
更新于 2023年03月28日