網(wǎng)頁(yè)規(guī)劃開發(fā)如何處理網(wǎng)頁(yè)字體

核心提示：本文將深化探討字體大小，并介紹在網(wǎng)頁(yè)和網(wǎng)頁(yè)應(yīng)用程序中調(diào)整字體的最佳辦法。

在網(wǎng)頁(yè)規(guī)劃開發(fā)過程中，最重要的莫過于網(wǎng)頁(yè)的視覺效果，規(guī)劃人員常�；ㄙM(fèi)大量精力用于調(diào)整字體和字號(hào)。利用CSS2標(biāo)準(zhǔn)，我們能夠在Web頁(yè)面或應(yīng)用程序中隨意對(duì)字體進(jìn)行調(diào)整。本文將深化探討字體大小，并介紹在網(wǎng)頁(yè)和網(wǎng)頁(yè)應(yīng)用程序中調(diào)整字體的最佳辦法。

如何調(diào)整字號(hào)

CSS2標(biāo)準(zhǔn)是以字體長(zhǎng)度來(lái)界說字號(hào)的，長(zhǎng)度數(shù)字越大，字體的水平和筆直長(zhǎng)度就越大。在長(zhǎng)度數(shù)字前，有時(shí)候還會(huì)綴以“+”或者“-”號(hào)。別的，在字號(hào)后，有可能還跟隨著單位標(biāo)識(shí)符。CSS2標(biāo)準(zhǔn)中包含了兩種單位標(biāo)識(shí)符：肯定單位標(biāo)識(shí)符和相對(duì)單位標(biāo)識(shí)符�？隙ㄖ涤脕�(lái)界說單位，而相對(duì)單位標(biāo)識(shí)符則表明相對(duì)于另一個(gè)值的大小，以下列出了幾種相對(duì)單位標(biāo)識(shí)符：

em表明字體的高度，它等于字體的font-size特點(diǎn)通過比例計(jì)算后的值。但有一種狀況破例，即font-size特點(diǎn)本身運(yùn)用了em標(biāo)識(shí)符，在這種狀況下它會(huì)以父元素的字體大小為參考;ex(x-height)指定與小寫字母x的高度持平;px(pixels)關(guān)系到畫布或屏幕分辨率，網(wǎng)頁(yè)顯現(xiàn)時(shí)的像素值完全取決于顯現(xiàn)器分辨率，這會(huì)使顯現(xiàn)成果隨用戶在屏幕分辨率上的偏好而改動(dòng)。

另一種實(shí)現(xiàn)肯定字號(hào)的辦法是運(yùn)用縮放功用。你能夠運(yùn)用以下關(guān)鍵字來(lái)縮小或放大字體：xx-small、x-small、small、medium、large、x-large，以及xx-large。其間Medium是一個(gè)基準(zhǔn)，帶有small字樣的參數(shù)會(huì)讓字體縮小，而帶有l(wèi)arge字樣的參數(shù)會(huì)讓字體擴(kuò)大。CSS2標(biāo)準(zhǔn)中界說的縮放比例是1.2，但是不同的瀏覽器可能有不同的解析成果。

選用何種方法

CSS中有大量關(guān)于字體字號(hào)方面的參數(shù)，那么你的網(wǎng)頁(yè)該選用什么界說方法呢?選用肯定標(biāo)識(shí)符來(lái)確認(rèn)字號(hào)有許多壞處，比如會(huì)對(duì)一致性和靈活性造成影響，還會(huì)在可拜訪性方面出現(xiàn)問題。相對(duì)字號(hào)與肯定字號(hào)比較，能夠讓用戶通過多種方法來(lái)調(diào)大字號(hào)，從而更便于閱讀。在實(shí)踐開發(fā)中，大多數(shù)規(guī)劃人員選用的也是相對(duì)字號(hào)。下面讓我們更深化地了解一下相對(duì)字號(hào)：

在字號(hào)方面運(yùn)用最多的方法就是pixels方法(px)，大多數(shù)瀏覽器都支持這種字號(hào)界說方法，運(yùn)用這種方法的缺陷就是用戶無(wú)法在IE瀏覽器中調(diào)節(jié)字體大小。

最一般的字號(hào)界說方法是運(yùn)用em或百分比。用em界說的字號(hào)能夠在任何瀏覽器中縮放，它一起也照顧到了用戶對(duì)字體的偏愛。不過em在IE中的體現(xiàn)并不抱負(fù)，因而針對(duì)IE瀏覽器用戶，最好還是運(yùn)用百分比。