可憐的字體渲染VS其他瀏覽器

我掙扎明白爲什麼像打開三世光一個乾淨/簡單的字體不會在Firefox右看看，但看起來在Chrome和Safari的罰款。我猜即使Chrome和Safari有一些細微的差異，但大多數情況下，它們在這些瀏覽器中看起來都是一樣的。可憐的字體渲染VS其他瀏覽器

comparison on different browsers

http://503rephotography.com/_font/testfont.html - 嘗試看看它在Firefox，然後Chrome或Safari瀏覽器，你會明白我的意思...不知道它是什麼樣子的IE和並不真正關心所有說實話... :)但在Firefox中的字體有點沉重，不太正確的形狀，它應該更輕，更好看。這不僅僅是這種字體，它幾乎是除了Arial或Verdana之類的基礎知識之外的所有字體。

CSS

h1 { 
    font-size:2em; 
    font-family:OpenSansLight; 
    color:#000; 
    } 


    @font-face { 
     font-family: 'OpenSansLight'; 
     src: url('fonts/OpenSans-Light-webfont.eot'); 
     src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), 
      url('fonts/OpenSans-Light-webfont.woff') format('woff'), 
      url('fonts/OpenSans-Light-webfont.ttf') format('truetype'), 
      url('fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg'); 
     font-weight: normal; 
     font-style: normal; 

    }

HTML

<h1 align="center">Test... Open Sans Light</h1>

我看了看周圍的答案和大多數問題與特定字體只是，但我不認爲這是這裏的情況，如它適用於我嘗試過的所有內容，並且我知道他們可以通過查看其他網站在Firefox中看起來不錯。

很多網站使用這些字體和跨瀏覽器的外觀是相同的，他們使用的東西，如Adobe typekit爲了做到這一點..？對於很多這些，我已經將fontsquirrel.com上的網絡字體工具包關閉，除了不一致之外，它看起來工作得很好。任何輸入都非常感謝...謝謝！

來源

2013-06-06 user1965284

任何人......？下面是一個快速的樣本什麼我談論： – user1965284

http://www.503rephotography.com/_font/fonts.png - Chrome和Safari都頗爲相似，但Firefox是遙遠......和我在一個Mac與Mountain Lion，但我認爲它在我的Win 7電腦上看起來也一樣。 – user1965284

所有你需要做的是重新設置默認H1重量，或包括字體的粗體版本。

h1 { font-weight: normal; }

這裏的問題是，H1等標題標籤有字體重量：大膽設置爲默認值。而且，由於你設置的字體字體重量屬性格式正常，沒有可用的加粗字體的瀏覽器，瀏覽器將嘗試創建字體的仿粗體版本。幾乎總是最終看起來很可怕。

火狐似乎搞砸了字體的最 - 在另一方面文字看起來大膽。 Chrome和Safari幾乎沒有改變字體，使它們看起來更清晰，但並不真正大膽。只要看看你的樣本 - 文字大膽不是很明顯。

關於這個問題的好文章在這裏：http://alistapart.com/article/say-no-to-faux-bold

來源

2013-08-27 09:21:05 anderssonma

可憐的字體渲染VS其他瀏覽器

回答

相關問題