CSS设置文字字体
CSS設(shè)置文字字體
? ? ? ? ??CSS的文字字體? ? ??
? ? ? ? ??與word類似,CSS也可以對文字的字體、大小和顏色等各種屬性進(jìn)行設(shè)置。? ?
? ? ? ? ??在<html>語言中,文字的字體通過<fontface=”字體名稱”>來設(shè)置,而在CSS中字體則是通過font-family屬性來控制。
? ? ? ? ??Font-family屬性,可以同時聲明任意種字體,字體之間使用逗號隔開,此外,一些字體的名稱中間會出現(xiàn)空格,比如:TimesNew Roman,這時需要使用雙引號將其引起來。
? ? ? ? ??該語句聲明了HTML頁面中<p>標(biāo)記的字體名稱,并且,同時聲明了三種字體,分別是黑體、Arial和宋體,表示首先在瀏覽器的計(jì)算機(jī)中尋找黑體,如果沒有接著尋找Arial字體,如果都沒有在尋找宋體,如果三種都沒有,則會使用瀏覽器的默認(rèn)字體顯示。
? ? ? ? ??通常見到的sans-serif和serif不是單個字體的名稱,而是一類字體的統(tǒng)稱,按照W3C的規(guī)則,在font或者font-family的最后都要求指定一個這樣的字體集,當(dāng)客戶端沒有指定字體時,可以使用本機(jī)上的默認(rèn)字體。
? ? ? ? ??Serif和sans-serif區(qū)別
? ? ? ? ??Serif在字的筆畫開始和結(jié)束的地方都有額外的裝飾,而且,筆畫的粗細(xì)會因?yàn)闄M豎的不同而不同,相反,sans-serif沒有這些額外的裝飾,筆畫粗細(xì)大致差不多。
? ? ? ? ??一般文章的正文使用易讀性較強(qiáng)的serif字體,用戶長時間閱讀下不容易疲勞,而標(biāo)題和表格則采用醒目的sans-serif,它們需要顯著和醒目。
? ? ? ? ??很多設(shè)計(jì)者,都使用了各種各樣的字體來個頁面添彩,但是這些字體很多用戶都沒有安裝,因此,必須設(shè)置多個備選字體,避免瀏覽器直接換成默認(rèn)的字體。
? ? ? ? ??如果使用了生僻的字體,可以直接用圖形軟件制作成小圖片,加載到頁面中即可。
?
總結(jié)