JO2.ORG

高性能web前端优化
订阅脚儿网
首页 » 实用技巧 » chrome无法显示12px以下字体

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的字体应该只应用于英文段落或数字,但也不推荐。

本文链接: http://www.jo2.org/archives/179.htm.转载请保留.

留言板

  • 你想说?

过客碎碎念... (1)

  1. Firm 说道:

    备用,但一般小于12PX的还是比较少用到的。

    Thumb up 0 Thumb down 0

    [围观]