2017-07-04 62 views
1

它只是與鉻和歌劇確定。但在Internet Explorer和Firefox上看起來很模糊。我研究並應用了這些CSS,但仍然沒有運氣。我的Firefox和Internet Explorer版本是最新的。我沒有使用谷歌字體。這是我的風格。Firefox上的字體看起來很模糊

@font-face { 
    font-family: 'Gotham-Bold'; 
    src: url('../fonts/Gothambold/Gotham-Bold.eot'); 
    src: url('../fonts/Gothambold/Gotham-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Gothambold/Gotham-Bold.woff') format('woff'), url('../fonts/Gothambold/Gotham-Bold.ttf') format('truetype'), url('../fonts/Gothambold/Gotham-Bold.svg#') format('svg'); 
} 

body{ 
text-rendering: optimizeLegibility; 
text-rendering: geometricPrecision; 
font-smooth: always; 

font-smoothing: antialiased; 
-moz-font-smoothing: antialiased; 
-webkit-font-smoothing: antialiased; 
-webkit-font-smoothing: subpixel-antialiased; 
} 

在firefox中查看。 enter image description here

Chrome瀏覽 enter image description here 仍然沒有運氣。有任何想法嗎?

+0

如果你忽略了反鋸齒,該怎麼辦? – lumio

+0

然後根本沒有改變。 – Janath

+0

我無法發現您描述的模糊,因此可能是顯示器校準問題。 Firefox呈現較重的字體,但如果[這是您使用的字體](http://fontsgeek.com/fonts/Gotham-Bold),它看起來比Chrome渲染更正確。 –

回答

2

這個問題是在this thread後面(並修復)提出的。

只是爲了總結...

原因:在Mac上,其中的選項出現

這個Firefox問題:「使用LCD字體平滑時可用」(設置>常規>使用LCD平滑字體當可用時)是檢查。 (這是默認檢查)。

注:從經驗來看,沒有MAC的實際視網膜屏幕上會出現這個問題 - 而是對非視網膜屏幕連接到Mac電腦。

取消選中該選項並重新啓動Firefox,你會看到字體看起來很好!

的修復:

要啓用上述選項克服這種對用戶 - 簡單的添加在身體下面的聲明:

-moz-osx-font-smoothing: grayscale; 

你會驚喜。

+0

但是這個問題發生在windows上。 – Janath

+0

在Chrome和Firefox上試試這個: http://www.sixlocal.co.uk/dub/index.html – Janath

+0

嗯,如果你使用Windows,那麼我提到的財產將無濟於事。這就是說,我想我仍然會在這裏留下這個答案 - 爲了mac用戶的利益:) – Danield

相關問題