前端 - 浏览器上的字体之间的间距在各个操作系统上不一样
大家讲道理
大家讲道理 2017-04-17 11:25:05
[CSS3讨论组]

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号