Hot For Coding
中文Chrome不能设置小于12px字体

Chrome_12px

中文版本的Chrome小于12px的字体样式无效,并最终以最小的12px显示。大家都知道中文字体跟英文字母在大小美观上还是有范围差距的,有些英文字体6px都毫无压力,然而大部分中文字体都是以12px为临界点,几乎大部分站点的中文字体都是12px,只要小于12px中文字体就开始模糊

FireFox中8px的效果,虽然也能辨认,但还是有点别扭。

Chrome开发人员为了不让它丑陋的展示,限制了中文字体小于12px的样式,但在早期的Chrome版本27及以下版本都可以通过以下样式声明的方式解决这个问题:

html {  
  -webkit-text-size-adjust: none;
  font-size:8px;
}

但新版本的Chrome版本发布后,直接把这个样式作用给限制了,所以现在想要在Chrome下看看小于12px字体的效果只能在英文版本的Chrome中查看了。其实这个问题也不算是一个bug,因为不会有中文网站使用小于12px的字体,只不过我们做了一个Web绘图工具,在调整字体大小时发现在Chrome下存在这个问题而已!

实际上现在有部分网页应用需要小于12px的需求,所以在中文版本的Chrome如果需要小于12px的字体显示效果,除了写样式还需要在Chrome设置里找到字体选项,默认最小设置的是12px,把它设置的更小一点,保存设置之后CSS样式就生效了

TITLE: 中文Chrome不能设置小于12px字体

LINK: https://www.qttc.net/386_chrome_chinese_font_size_cannot_less_than_12_pixel.html

NOTE: 转载内容请注明出处