Fork me on GitHub

chrome无法显示12px以下字体

今天在写页面的时候遇到个小bug,比如设置字体为10px甚至8px。但按照常规设置字体大小后,在chrome下浏览页面会觉得不如想象中小。没错,默认情况下chrome中的字号不能小于12px。

查看有关资料后,找到解决办法:

1
2
3
4
.fz10 {
-webkit-text-size-adjust:none;
font-size:10px;
}

就是这个属性:

1
-webkit-text-size-adjust:none;

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

另:中文字体小于12px后会变得难以阅读,一般也不常用。小于12px的字体应该只应用于英文段落或数字。

据说帅的人都赏给博主几块钱零花钱。