@字體面問題，鉻

我用Museosans500字體與下面的語法@字體面問題，鉻

@font-face { 
    font-family: 'MuseoSans500'; 
    src: url('MuseoSans_500-webfont.eot'); 
    src: url('MuseoSans_500-webfont.eot?iefix') format('eot'), 
     url('MuseoSans_500-webfont.woff') format('woff'), 
     url('MuseoSans_500-webfont.ttf') format('truetype'), 
     url('MuseoSans_500-webfont.svg#webfontkQkWxTED') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
}

它在Firefox中工作正常，但它在Chrome中正確顯示的字體。

來源

2011-06-13 Bhasu

這是一個fontsquirrel執行權？並且定義不正確，是不是加載或者字體看起來波濤洶涌？ – 2011-06-13 12:55:51

字體正在加載，但看起來不穩定。 – Bhasu 2011-06-13 12:57:32

你不能指望所有瀏覽器的字體看起來完全一樣，但通常字體通過FontSquirrel看起來很適合Chrome瀏覽器 - 你可以嘗試另一種字體，看看你是否仍然遇到samme問題？ – 2011-06-13 13:01:27

這可能是由於您在Windows上運行的Chrome版本。我知道Chrome 10的@ font-face渲染不太順暢。請拍攝截圖並與我們分享，然後可能更新您的瀏覽器，拍攝另一張截圖並進行比較。

祝你好運！

來源

2011-07-06 13:57:05 Mushon

我不確定你遇到了什麼問題，但這個網站http://seanmcb.com/typekit/webkit-antialiasing-test.html給出了webkit bug的測試用例的一個很好的結果，這可能是你正在經歷的。

我在我自己的網站上看到了反鋸齒問題，我將嘗試僞元素技巧。該站點描述的錯誤：「在Mac上的Webkit瀏覽器中，@ font-face字體會使用之前呈現的文本正在使用的任何反鋸齒設置進行渲染。」

接下來，很高興看到webkit是否有針對此問題的缺陷。

來源

2011-07-12 20:11:45

在這裏跟蹤webkit的bug：https：//bugs.webkit.org/show_bug.cgi？id = 28915 – 2011-07-12 20:22:40

這現在已經修復在webkit中（上面被標記爲重複）：https：//bugs.webkit.org/ show_bug.cgi？ID = 67996 – pents90 2011-10-13 20:11:31

將SVG格式放在CSS上所有其他格式之前。

來源

2012-07-12 21:12:38 Cthulhu

是的，這是正確的 - 請確保您先定義SVG，否則Chrome將使用它來顯示字體，並且這看起來會鋸齒狀。通過首先確定Chrome會使用其中一個較新的定義來顯示字體。

來源

2012-12-18 18:22:30

@字體面問題，鉻

回答

相關問題