前端 - 浏览器上的字体之间的间距在各个操作系统上不一样
大家讲道理
大家讲道理 2017-04-17 11:25:05
0
1
465

网页中使用了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,无解的。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板