怎么使用font-family屬性

本篇文章為大家展示了怎么使用font-family屬性，代碼簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。

創(chuàng)新互聯(lián)長期為1000多家客戶提供的網(wǎng)站建設(shè)服務，團隊從業(yè)經(jīng)驗10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為新昌企業(yè)提供專業(yè)的成都網(wǎng)站制作、成都做網(wǎng)站、外貿(mào)營銷網(wǎng)站建設(shè)，新昌網(wǎng)站改版等技術(shù)服務。擁有十余年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。

CSS中的font-family屬性是用來設(shè)置元素的字體系列，如果要指定網(wǎng)頁顯示的字體，就需要設(shè)置font-family屬性，下面我們就來具體看一下font-family屬性的用法。

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

下面我們來看具體的示例

代碼如下：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
 <style type="text/css">
    p.sample1 {font-family:楷體; }
 </style>
  </head>
  <body>
    <p class="sample1">文字的字體設(shè)置</p>
  </body>
</html>

效果如下：我們可以看到字體的形式為楷體

怎么使用font-family屬性

在設(shè)置字體的時候我們需要注意的是，我們要設(shè)置的字體形式必需在Windows字體庫中有的，否則不會生效。

上述內(nèi)容就是怎么使用font-family屬性，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

網(wǎng)頁標題：怎么使用font-family屬性
文章URL：http://muchs.cn/article40/ieggho.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供軟件開發(fā)、網(wǎng)站設(shè)計、標簽優(yōu)化、網(wǎng)站改版、小程序開發(fā)、品牌網(wǎng)站建設(shè)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容