chrome无法显示12px以下字体

在写某些特殊效果时,可能会用到超小字体,比如10px甚至9px。但按照常规设置字体大小后,在chrome下浏览页面会觉得不如想象中小。。。没错,默认情况下chrome中的字号不能小于12px。

以前遇到这个问题时,觉得这是是chrome的一个BUG,心中还纠结谷歌为什么会有如此奇特的BUG,后来才知道这个限制是可以通过CSS打通的:

.fz10 {

-webkit-text-size-adjust:none; font-size:10px;

}

就是这个属性:

-webkit-text-size-adjust:none;

设置之后,chrome下的字体就不会有12px的限制了。

————————————–

另:中文字体小于12px后会变得难以阅读,强烈不建议使用。小于12px的字体应该只应用于英文段落或数字,但也不推荐。

1 评论

发表评论

电子邮件地址不会被公开。