在HTML5中,文字字體設(shè)置是經(jīng)常需要用到的,可以通過一些標(biāo)簽和屬性來實(shí)現(xiàn)。下面就介紹一下常見的方式:
/* 設(shè)置文字字體 */
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
通過在樣式表中設(shè)置body元素的font-family屬性,可以設(shè)置整個(gè)頁面中的文字字體。以上代碼設(shè)置的字體是"Helvetica Neue",如果該字體不存在,則使用"Helvetica",如果仍然不存在,則使用"Arial",如果再次不存在,則使用sans-serif。這么設(shè)置的好處是:如果瀏覽器無法加載指定字體的話依然可以有備選字體顯示,避免了頁面出現(xiàn)奇怪的字體。
另外,也可以在單個(gè)元素上設(shè)置字體,如:
/* 設(shè)置單個(gè)元素的字體 */
h1 {
font-family: Georgia, serif;
}
以上代碼設(shè)置的是在h1標(biāo)題中使用"Georgia"字體,如果該字體不存在,則使用默認(rèn)的serif字體。同理,也可以為其他元素設(shè)置字體。
除了font-family屬性,還有其他一些字體相關(guān)的屬性可以控制文字的顯示效果。這里列舉一些比較常用的:
/* 設(shè)置字體大小 */
p {
font-size: 16px;
}
/* 設(shè)置字體加粗 */
h2 {
font-weight: bold;
}
/* 設(shè)置字體顏色 */
a {
color: #007FFF;
}
/* 設(shè)置字體斜體 */
em {
font-style: italic;
}
除了以上的屬性外,還有一些高級(jí)的字體屬性,如字體漸變、字體陰影等,可以根據(jù)需要進(jìn)行設(shè)置??傊琀TML5提供了很多選項(xiàng)供我們靈活地控制文字的顯示效果。