網(wǎng)頁規(guī)劃開發(fā)如何處理網(wǎng)頁字體 |
發(fā)布時間:2020-03-30 文章來源:本站 瀏覽次數(shù):2732 |
核心提示:本文將深化探討字體大小,并介紹在網(wǎng)頁和網(wǎng)頁應用程序中調(diào)整字體的最佳辦法。 在網(wǎng)頁規(guī)劃開發(fā)過程中,最重要的莫過于網(wǎng)頁的視覺效果,規(guī)劃人員常常花費大量精力用于調(diào)整字體和字號。利用CSS2標準,我們能夠在Web頁面或應用程序中隨意對字體進行調(diào)整。本文將深化探討字體大小,并介紹在網(wǎng)頁和網(wǎng)頁應用程序中調(diào)整字體的最佳辦法。 如何調(diào)整字號 CSS2標準是以字體長度來界說字號的,長度數(shù)字越大,字體的水平和筆直長度就越大。在長度數(shù)字前,有時候還會綴以“+”或者“-”號。別的,在字號后,有可能還跟隨著單位標識符。CSS2標準中包含了兩種單位標識符:肯定單位標識符和相對單位標識符?隙ㄖ涤脕斫缯f單位,而相對單位標識符則表明相對于另一個值的大小,以下列出了幾種相對單位標識符: em表明字體的高度,它等于字體的font-size特點通過比例計算后的值。但有一種狀況破例,即font-size特點本身運用了em標識符,在這種狀況下它會以父元素的字體大小為參考;ex(x-height)指定與小寫字母x的高度持平;px(pixels)關系到畫布或屏幕分辨率,網(wǎng)頁顯現(xiàn)時的像素值完全取決于顯現(xiàn)器分辨率,這會使顯現(xiàn)成果隨用戶在屏幕分辨率上的偏好而改動。 另一種實現(xiàn)肯定字號的辦法是運用縮放功用。你能夠運用以下關鍵字來縮小或放大字體:xx-small、x-small、small、medium、large、x-large,以及xx-large。其間Medium是一個基準,帶有small字樣的參數(shù)會讓字體縮小,而帶有l(wèi)arge字樣的參數(shù)會讓字體擴大。CSS2標準中界說的縮放比例是1.2,但是不同的瀏覽器可能有不同的解析成果。 選用何種方法 CSS中有大量關于字體字號方面的參數(shù),那么你的網(wǎng)頁該選用什么界說方法呢?選用肯定標識符來確認字號有許多壞處,比如會對一致性和靈活性造成影響,還會在可拜訪性方面出現(xiàn)問題。相對字號與肯定字號比較,能夠讓用戶通過多種方法來調(diào)大字號,從而更便于閱讀。在實踐開發(fā)中,大多數(shù)規(guī)劃人員選用的也是相對字號。下面讓我們更深化地了解一下相對字號: 在字號方面運用最多的方法就是pixels方法(px),大多數(shù)瀏覽器都支持這種字號界說方法,運用這種方法的缺陷就是用戶無法在IE瀏覽器中調(diào)節(jié)字體大小。 最一般的字號界說方法是運用em或百分比。用em界說的字號能夠在任何瀏覽器中縮放,它一起也照顧到了用戶對字體的偏愛。不過em在IE中的體現(xiàn)并不抱負,因而針對IE瀏覽器用戶,最好還是運用百分比。 |
|