编程技术文章分享与教程

网站首页 > 技术文章 正文

如何让 Chrome 浏览器支持 12px 以下的字体

hmc789 2024-11-23 16:19:42 技术文章 2 ℃

Chrome 27之前的中文版桌面浏览器会默认设定页面的最小字号是12px,英文版则没有限制。

主要是因为chrome认为汉字小于12px就会增加识别难度,尤其是中文常用的宋体和微软雅黑。而我们在实际项目中,对于数字/英文内容,其他字体的文本可能会有特殊的需求要求它们以更小的字号来显示,这个时候就需要取消浏览器的自动调整功能了。

一般解决方案是禁止webkit浏览器配置调整网页的字体大小。如下CSS定义方式:

 .classstyle{ -webkit-text-size-adjust:none; font-size:9px; }

据说该属性最初专门是为iPhone版safari设计的,用来自动调整普通网页在iPhone手机端字体的展现问题,不过,既然是webkit的私有属性,现在也经常用在webkit内核的桌面浏览器限制页面展示。实际上,这是webkit的一个bug。在最新版的Chrome已经修复。

PC桌面版Chrome 27正式取消了-webkit-text-size-adjust属性的支持,实际上是修正了原有的bug。

标签列表
最新留言