前端 - 浏览器上的字体之间的间距在各个操作系统上不一样

【字号: 日期:2022-06-16浏览:47作者:雯心

问题描述

网页中使用了css3 font-face语句引入的字体,字体是方正姚体,在linux和Android的浏览器下面此字体之间的间距很大,需要用line-spacing来进行负数调整,但在windows上中文字体间的间距比较小所以调整之后字体挤在了一起。

发生了什么?造成这种问题的原因是什么?

测试了几种不同的系统和浏览器:1、win7 firefox40 这种组合是有问题的,字和字之间的间距比较小。2、win7 chrome 没有问题3、Ubuntu14.04 firefox40 没有问题4、android4.4 powered miui6.7 系统自带浏览器 没有问题

以上四种情况中2、3、4的字体渲染效果是一样的,怀疑是Firefox本身设置的问题,但找了Firefox的字体设置选项没有找到问题在哪,各路大侠有遇到过类似问题么?

感谢任何形式的帮助!

问题解答

回答1:

重置FF40确定是不是它本身设置问题:https://support.mozilla.org/en-US/kb/refresh-firefox-reset-add-ons-and-settings 别忘了Ctrl+0如果不是,你唯一的希望是用一个CSS Reset获得基本一致性,然后强制letter-spacing,除此以外想要改变浏览器的字体render,无解的。

相关文章: