2013-11-01 57 views
2

所有的字體上升/下降都有相同的空間上方/下方?我試圖編寫一個全局樣式表,它將從h1-6元素中刪除頂部和底部空間,我發現它們不超過8個像素(這降低了h元素的降低)。我正在考慮的原因是因爲我不會有任何高字符會佔據上行/下行,所以我真的沒有使用它(加上我需要精確的定位我的元素。)所有的字體上升/下降都有相同的空間上方/下方?

我的問題是,如果所有字體都有相同的上升/下降空間,或者如果字體,操作系統或瀏覽器不同。

+0

有趣的問題! Afaik實際上可以有不同的填充/邊距,這就是強烈建議使用CSS重置的原因。現代browsern應該在這裏呈現相同的,但特別是傳統瀏覽器不會。 – Sliq

回答

5

所有的字體上升/下降都有相同的空間上方/下方?

都能跟得上

它通過字體的改變而變化,OS,根據瀏覽器,而且很可能月亮運行週期。您可以預期字體始終不一致。

有些字體甚至沒有上升/下降的概念。如果使用圖標字體,你會怎麼做?一些字體與下降對齊,以至於它們甚至不下降到基線以下。其他人,如書法字體往往會降到基線以下,無論角色是否具有實際的下降。

當我從不包含字體大小描述的組件中構建頁面時,我經常需要呈現一大組不同字體大小的特定族。我有一個本地使用的實用程序網頁,以便我可以確定必須使用哪種字體大小,以及哪種字體對齊方式可行。

實施例:

font size example

這個例子使用Arial字體,甚至Arial字體呈現爲不同的瀏覽器,Firefox和IE之間的一些尺寸。當你使用字體集時,你還必須擔心集合中的所有其他選項,以防用戶沒有安裝該字體。


如果你絕對必須有一個確切的渲染,你應該使用圖像來渲染文本。使用[alt]屬性來引用圖像中的文本。它不像文本那樣易於管理,因爲每次需要更改內容時都需要重新渲染,但它運行得很好,特別是對於絕對必須以特定方式渲染的徽標等內容。

+0

來源/推理?爲什麼它變化?資源我可以找到關於這方面的信息?這不是一個答案。 -1 –

+0

@JaceCotton,我到了那裏,我到了那裏。 – zzzzBov

+0

好的。哈「月球週期」。 :P感謝您的答案。我希望有一些指導方針,所有的字體都遵循,但我想這不會發生,考慮到有這麼多的字體......這就是我想知道的。謝謝! –

相關問題