用CSS字體面使用自定義字體，在不同的瀏覽器不同的

火狐13：

enter image description here

Chrome瀏覽器（最新）：

enter image description here

正如你可以看到，在Firefox中的字體顯示更流暢，並在Chrome更加起伏。我很好奇爲什麼會發生這種情況，以及我可以採取哪些措施來平衡用戶的體驗。

我使用的是雜項文件的字體：

HelveticaNeueLTPro-LtCn.otf

並使用下面的CSS規則來應用此自定義字體：

@font-face { 
    font-family: "Helvetica Neue LTPro"; 
    src: url("/Public/assets/fonts/HelveticaNeueLTPro-LtCn.otf"); 
} 

a { 
    color: #665548;     
    display: block; 
    font-family: "Helvetica Neue LTPro"; 
    font-size: 15px; 
    padding: 17px;     
}

你有什麼建議我用拉平字體區別在哪裏？或者更好的是，使用「Web安全」字體的最佳實踐方法是什麼？這樣的事情存在嗎？

來源

2012-07-04 Only Bolivian Here

你不能修復。 –

在這裏看到：http://code.google.com/p/chromium/issues/detail?id=125297&q=aliasing%20custom%20fonts&colspec=ID%20Pri%20Mstone%20ReleaseBlock%20Area%20Feature%20Status%20Owner%20Summary – starbeamrainbowlabs

不幸的是，你不能只是採取任何字體，將其轉換並讓它在所有瀏覽器很好地工作。如果可以，我會喜歡但不能。

爲獲得好結果，最好的選擇是使用字體傳送服務，如typekit或fontdeck，它們提供的字體設計用於跨瀏覽器傳送，因此具有更好的一致性渲染機會。儘管如此，你仍然可能在瀏覽器和操作系統上發生微小的變化，這就是網絡的本質。

但在回答你的問題而言，沒有設置或解決方法，使該字體出現一致。對於它的價值，我認爲它們都很好。

來源

2012-07-04 23:05:21 thebiffboff

我是新來的字體傳送服務，如Typekit。如果我使用它們，他們會給我的網站實際可選的文本，或他們的服務提供圖像提供商？我需要知道SEO服務。 –

是的，他們當然會。文本將與本頁面上的文本一樣呈現，它將是可選的，並且搜索引擎友好且看起來不錯。看看Elliot Jay Stocks的網站是一個很好的例子：http://elliotjaystocks.com – thebiffboff

謝謝，我想我會朝那個方向發展。 :) –

這只是取決於瀏覽器如何解釋的字體。我從來沒有真正使用它，但有一個名爲fontsquirrel的網站將採用字體並將其分解成不同的字體擴展名，以用於不同的瀏覽器。一探究竟。 http://www.fontsquirrel.com/

來源

2012-07-04 16:01:58 Chad

用CSS字體面使用自定義字體，在不同的瀏覽器不同的

回答

相關問題