search

Home  >  Q&A  >  body text

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

网页中使用了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的字体设置选项没有找到问题在哪,各路大侠有遇到过类似问题么?

感谢任何形式的帮助!

大家讲道理大家讲道理2768 days ago466

reply all(1)I'll reply

  • 怪我咯

    怪我咯2017-04-17 11:27:05

    Reset FF40 to determine if it is a problem with its own settings: https://support.mozilla.org/en-US/kb/refresh-firefox-reset-add-ons-and-settings Don’t forget Ctrl+0
    If not, your only hope is to use a CSS Reset to get basic consistency and then force letter-spacing. Otherwise, if you want to change the browser's font render, there is no solution.

    reply
    0
  • Cancelreply