html字体整体偏移,CSS自定义字体垂直偏移(错误?)
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)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 【20211208】【Python】UC
- 下一篇: CSS 基本样式