為什麼字體長寬比在網站上很重要
所有字體都有一個寬高比(或值)。 字體寬高值的計算方法是將字體的小寫字母x高度除以字體大小。 如果具有此值,則可以使用CSS3中的fontSizeAdjust樣式屬性來指定用於顯示網站的首選字體的縱橫比值。
當您的網站在沒有首選字體的計算機上查看時,fontSizeAdjust屬性用於為替換字體選擇最佳字體大小 。
即使您的首選字體不可用,此屬性也可讓您的頁面看起來更加美觀,並且您的類型更易於辨認。
關於fontSizeAdjust屬性
使用fontSizeAdjust屬性可以在必要時對字體替換進行一些控制。 當首選字體不可用時,瀏覽器會使用第二個指定字體,這通常會導致大小發生很大變化。 字體的可讀性受小寫字母大小的影響大於大寫字母的大小。 當瀏覽器知道首選字體的縱橫比值時,它可以更好地確定以第二種字體顯示頁面時要使用的大小。
這裡是一個使用縱橫比為0.58來調整字體大小的示例,這是Verdana的縱橫比。 如果Verdana在計算機上不可用,則瀏覽器將替換字體大小設置為具有相似大小寫字母以實現最佳可讀性。
document.getElementById(“myP”)。style.fontSizeAdjust =“0.58”;注意:從發布開始,只有Mozilla Firefox完全支持fontSizeAdjust屬性。
常見的字體寬高比
此表顯示了幾種流行字體系列的寬高比計算。
字形 | 縱橫比 |
---|---|
宋體 | 0.52 |
先鋒派 | 0.45 |
布克曼 | 0.40 |
宋體 | 0.47 |
世紀教科書 | 0.48 |
科欽 | 0.41 |
漫畫三 | 0.53 |
信使 | 0.43 |
快遞新 | 0.42 |
Garamond字體 | 0.38 |
格魯吉亞 | 0.48 |
黑體 | 0.52 |
帕拉蒂諾 | 0.42 |
宋體 | 0.55 |
英語字體格式一種 | 0.45 |
投石機 | 0.52 |
宋體 | 0.58 |