解决中文版Chrome浏览器不支持12px以下字体

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

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

但是在27版本以后,Chrome修复了此功能
这里给出解决方案

其实在Chrome下最好还是不要用小于12号字体,因为缩小字体,会使字体间距缩小,看起来也不美观。尤其在Chrome 27中文PC以后的版本,如果用-webkit-transform,即上述方法,设置缩小的字体是英文字体的话,英文间距会缩小,看起来会部分重叠在一起。


你可能感兴趣的:(网站开发)