`
HUO霍zp
  • 浏览: 10941 次
  • 性别: Icon_minigender_1
  • 来自: 东莞
最近访客 更多访客>>
社区版块
存档分类
最新评论

google对小于12px的英文字体的解决方法

 
阅读更多
浏览器兼容一直以来是很多人很头疼的问题,特别是一些很隐蔽的私有属性,常常让我们很苦恼。最近做一个外贸平台的时候刚好遇到了这个棘手的问题。Google将小于12px的英文字体强制显示为12px,这对志在兼容所有浏览器的我来说是一个不可忽视的问题。关于这个问题,请教了很多的高手,他们都说不知道,因为平时都很少做外贸平台,所以对于这个BUG他们不是很清楚。于是上网查资料,发现这是Google怕字体太小了,用户看不清楚,这个BUG让人觉得很无语,特别是像我们这种前端制作者。随后找到一些方法,比如改变字体,因为不同的字体在浏览器下面显示会有一定的区别,但是这种方法不怎么行得通。还有一种方法是通过自己制作字体来代替默认字体,但是原理其实和第一种方法一样,行不通。最完美的办法是改变Google内核的一个属性,具体代码如下:body,table,pre {-webkit-text-size-adjust:none; font: 11px/1.231 Arial,Helvetica,clean,sans-serif;}。关键就在于这个属性-webkit-text-size-adjust:none;至此,困扰我半个月的问题终于解决了。
转载于:http://my.68design.net/28075/blog/11109.html
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics