在HTML5網站設計制作過程中，最重要的莫過于網頁的視覺效果，設計人員經常花費大量精力用于調整字體和字號。利用CSS2規范，我們可以在Web頁面或應用程序中隨意對字體進行調整。本文將深入探討字體大小，并介紹在網頁和網頁應用程序中調整字體的最佳方法。
如何調整字號
CSS2規范是以字體長度來定義字號的，長度數字越大，字體的水平和垂直長度就越大。在長度數字前，有時候還會綴以“+”或者“-”號。另外，在字號后，有可能還跟隨著單位標識符。CSS2規范中包含了兩種單位標識符：絕對單位標識符和相對單位標識符。絕對值用來定義單位，而相對單位標識符則表示相對于另一個值的大小，以下列出了幾種相對單位標識符：
em表示字體的高度，它等于字體的font-size屬性經過比例計算后的值。但有一種情況例外，即font-size屬性本身使用了em標識符，在這種情況下它會以父元素的字體大小為參考;ex(x-height)指定與小寫字母x的高度相等;px(pixels)關系到畫布或屏幕分辨率，網頁顯示時的像素值完全取決于顯示器分辨率，這會使顯示結果隨用戶在屏幕分辨率上的偏好而改變。
另一種實現絕對字號的方法是使用縮放功能。你可以使用以下關鍵字來縮小或放大字體：xx-small、x-small、small、medium、large、x-large，以及xx-large。其中Medium是一個基準，帶有small字樣的參數會讓字體縮小，而帶有large字樣的參數會讓字體擴大。CSS2規范中定義的縮放比例是1.2，但是不同的瀏覽器可能有不同的解析結果。
采用何種方式
CSS中有大量關于字體字號方面的參數，那么你的網頁該采用什么定義方式呢?采用絕對標識符來確定字號有很多弊端，比如會對一致性和靈活性造成影響，還會在可訪問性方面出現問題。相對字號與絕對字號相比，可以讓用戶通過多種方式來調大字號，從而更便于閱讀。在實際開發中，大多數設計人員采用的也是相對字號。下面讓我們更深入地了解一下相對字號：
在字號方面使用最多的方式就是pixels方式(px)，大多數瀏覽器都支持這種字號定義方式，使用這種方式的缺點就是用戶無法在IE瀏覽器中調節字體大小。
最普通的字號定義方式是使用em或百分比。用em定義的字號可以在任何瀏覽器中縮放，它同時也照顧到了用戶對字體的偏愛。不過em在IE中的表現并不理想，因此針對IE瀏覽器用戶，最好還是使用百分比。
| 公司擁有五年的網站建設經驗，專業網站制作,推廣及網站優化,有大量優秀客戶案例 |
| 網站建設 | 設為首頁 | 加入收藏 | 聯系我們 |
