2011-01-31 118 views
0

我期待通過我正在建設的網站上的字體替換技術來選擇我的標題。問題是,我設計網站的字體垂直比原始字體短20%。CSS3:有沒有辦法改變字體高度?

我知道我可以縮小行高來縮短上下的間距,而且我知道我可以使用字母間距來使字體看起來更短 - 但那不是很理想。

我一直在挖掘Stackoverflow上的問題,我發現CSS 2.1不支持任何與字體顯示高度的開發人員交互。

我想知道的是,如果有任何即將到來的CSS3模塊,甚至可能有助於手動縮短字體高度的jQuery腳本等?

或者是否有任何字體替換技術允許它?例如有什麼辦法可以縮短Cufon標題?

在此先感謝。

回答

2

有一種方法,如果你會使用字體替換產生像你提到的Cufon的Canvas替換。

如果你這樣做,你將能夠利用html canvas的屬性,那就是如果你用CSS改變canvas的寬度/高度,canvas的行爲就像一個圖像,所以你可以設置每個元素爲20%短。雖然您必須在其上運行JavaScript,就好像您希望它保持相同的寬度,但在應用較短的高度之前,您必須將寬度設置爲完全相同的值。如果你忽略了這一點,你會在高度和寬度上縮放畫布。

我相信理論上也可以應用於閃存替代品 - 從我記得使用CSS縮減閃存產生類似結果 - 糾正我,如果我錯了。

不知道它是否不會產生任何閃爍或任何其他毛刺 - 你不得不放棄它。如果您的網頁上沒有Cufon元素,您希望縮短,並且在Cufon替換之後立即執行此操作。

祝你好運!堅守你的設計可以是一個婊子嘿嘿

+0

感謝您 - 我甚至沒有考慮過畫布元素。我會試一試,讓你知道它是怎麼回事! – 2011-01-31 21:34:19

1

您可以將CSS Y中

-webkit-變換轉換到文字的div和它的規模由0.8:的scaleY(0.8)

渲染可以雖然有點不可預測。

相關問題