CSS作為網(wǎng)頁設(shè)計(jì)和排版的重要語言,其字體設(shè)置顯得格外重要。在CSS中設(shè)置字體,主要涉及到三個(gè)屬性:font-family、font-size、font-weight。下面我們來一一講解。
font-family:指字體族名稱。比如,常用的字體有宋體、微軟雅黑、Arial、Helvetica等。可以同時(shí)設(shè)置多個(gè)字體,以保證瀏覽器無法識(shí)別第一個(gè)字體時(shí)能夠選擇其它字體。設(shè)置代碼如下:
p { font-family: "宋體", "微軟雅黑", Arial, Helvetica, sans-serif; }
在這個(gè)例子中,如果瀏覽器可以識(shí)別“宋體”和“微軟雅黑”字體,就會(huì)使用它們,如果不能識(shí)別,則使用Arial字體,如果還是不能識(shí)別,則使用Helvetica字體,最后如果所有字體都不能識(shí)別,則使用sans-serif作為默認(rèn)字體。
font-size:指字體大小。字體大小可以用像素、百分比、em單位等進(jìn)行設(shè)置。例如代碼如下:
p { font-size: 18px; }
意味著設(shè)置段落的字體大小為18px。我們也可以把字體大小設(shè)置成相對(duì)單位em,或百分比,如:
p { font-size: 1.2em; } p { font-size: 120%; }
以上兩個(gè)設(shè)置都表示將字體大小設(shè)置為默認(rèn)字體大小的1.2倍(em),或120%。
font-weight:指字體的粗細(xì)程度。取值有normal、bold。代碼如下:
p { font-weight: bold; }
上述示例將段落的字體設(shè)置成了粗體的文本。
通過巧妙地設(shè)置這三個(gè)CSS屬性,我們可以輕松地掌握如何設(shè)置字體風(fēng)格,使網(wǎng)頁排版更加美觀。