本文介绍了Mac / Safari上的字体重量变轻的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

在我的最后一个网站上,文字是完美的自然在chrome和firefox没有触摸字体平滑或任何其他。

但是在Mac / Safari 7的文本显示好,然后立即变薄更薄/不好阅读)。

On my last website, the text is perfect naturally on chrome and firefox without touching font-smoothing or anything else.
But on Mac / Safari 7 the text appears well then turns immediately thinner (too much thinner / not nice to read).

做一些研究后[cf

和一些使用

After doing some research [cf http://www.usabilitypost.com/2012/11/05/stop-fixing-font-smoothing/]
and some tests playing with

-webkit-font-smoothing

看起来Safari先显示文字:

It looks like Safari display the text first with :

-webkit-font-smoothing: subpixel-antialiased;

然后就是在你得到闪烁的效果后,当字体转为:

Then just after you got the flickering effect, when it is turning font to :

-webkit-font-smoothing: antialiased;

所以在我看来,我别无选择,只能强迫

So it seems to me that I had no choice but to force

-webkit-font-smoothing: subpixel-antialiased;

使我的网站在所有浏览器上保持一致。

我使用font- face Avenir Std Roman。

to make my website consistent on all browsers.
I am using font-face Avenir Std Roman.

Safari的问题有些解释?
任何更好的解决方案?
我的字体可能是问题的一部分吗?

Some explanations to that Safari problem ?Any better solutions ?Could my font be part of the problem ?

谢谢。

推荐答案

所以我修改了我应用的问题:

So I fixed my problem with applying:

body {
    -webkit-font-smoothing: subpixel-antialiased;
}



现在我的字体在每个浏览器上都是一致的。

Now my font is consistent on every browsers.

这篇关于Mac / Safari上的字体重量变轻的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

08-05 18:45