溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

如何在css中可以通過“font-family”屬性來設(shè)置字體

發(fā)布時(shí)間：2021-04-09 09:49:56 來源：億速云 閱讀：396 作者：小新 欄目：web開發(fā)

這篇文章給大家分享的是有關(guān)如何在css中可以通過“font-family”屬性來設(shè)置字體的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過來看看吧。

在css中可以通過“font-family”屬性來設(shè)置字體，“font-family”可以把多個(gè)字體名稱作為一個(gè)“回退”系統(tǒng)來保存，其使用語法如“font-family:"Times New Roman",Georgia,Serif;”。

font-family 規(guī)定元素的字體系列。

font-family 可以把多個(gè)字體名稱作為一個(gè)“回退”系統(tǒng)來保存。如果瀏覽器不支持第一個(gè)字體，則會(huì)嘗試下一個(gè)。也就是說，font-family 屬性的值是用于某個(gè)元素的字體族名稱或/及類族名稱的一個(gè)優(yōu)先表。瀏覽器會(huì)使用它可識(shí)別的第一個(gè)值。

有兩種類型的字體系列名稱：

  • 指定的系列名稱：具體字體的名稱，比如："times"、"courier"、"arial"。

  • 通常字體系列名稱：比如："serif"、"sans-serif"、"cursive"、"fantasy"、"monospace"

提示：使用逗號(hào)分割每個(gè)值，并始終提供一個(gè)類族名稱作為最后的選擇。

注意：使用某種特定的字體系列（Geneva）完全取決于用戶機(jī)器上該字體系列是否可用；這個(gè)屬性沒有指示任何字體下載。因此，強(qiáng)烈推薦使用一個(gè)通用字體系列名作為后路。

如何在css中可以通過“font-family”屬性來設(shè)置字體

為段落設(shè)置字體-示例：

<html>
<head>
<style type="text/css">
p.serif{font-family:"Times New Roman",Georgia,Serif}
p.sansserif{font-family:Arial,Verdana,Sans-serif}
</style>
</head>

<body>
<h2>CSS font-family</h2>
<p class="serif">This is a paragraph, shown in the Times New Roman font.</p>
<p class="sansserif">This is a paragraph, shown in the Arial font.</p>

</body>
</html>

運(yùn)行效果：

如何在css中可以通過“font-family”屬性來設(shè)置字體

感謝各位的閱讀！關(guān)于“如何在css中可以通過“font-family”屬性來設(shè)置字體”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手