ScottS..

5

你可能沒有做錯任何事情.以下是一些可能適用的要點,有些可以由您控制,有些則不可以.

只是為了確定,明確設(shè)置vertical-align: baseline.

不同的文件(.eof,.woff,.ttf)本身可以不定義是相同的,并且因此不同的瀏覽器使用不同的文件并顯示差異.

不確定是否有兩個src電話搞亂了,但你可以嘗試消除第二個:

@font-face {

font-family: 'Gabriola';

src: url('Gabriola.eot'),

url('Gabriola.eot?#iefix') format('embedded-opentype'),

url('Gabriola.woff') format('woff'),

url('Gabriola.ttf') format('truetype');

font-weight: normal;

font-style: normal;

}

這些都只是猜測.你將不得不測試#1,3.如果問題是#2,我不確定是否有一個優(yōu)雅的解決方案.

當(dāng)然,這個網(wǎng)站上有一個警告:

請記住,不同瀏覽器和操作系統(tǒng)的字體呈現(xiàn)可能會有很大差異.許多開發(fā)人員在Windows和Internet Explorer中遇到如此糟糕的結(jié)果,他們完全避免使用自定義字體.務(wù)必在所有瀏覽器上仔細(xì)檢查您的結(jié)果,以確定質(zhì)量是否可以接受.

更新

這篇文章提供了一些可能解決渲染問題的技巧.這是Font Squirrel,他特別指出:

如果您下載了該套件,則可以嘗試使用該生成器重新生成該字體.我們定期調(diào)整生成器,這可能會改善字體的提示或渲染.

但他也證實,

不要貶低,但最常見的原因是原始字體不好.

這與我的觀點#2相符.

謝謝你的回答..之所以在所有瀏覽器中都不一樣的是字體.我嘗試了5種字體類型,但只有Gabriola有垂直偏移錯誤.所以我想這就是字體'質(zhì)量'. (2認(rèn)同)

總結(jié)

以上是生活随笔為你收集整理的html字体整体偏移,CSS自定义字体垂直偏移(错误？)的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。