font-family屬性是用來設定元素的字體系列，其使用方法：先建立一個HTML範例檔案；然後在body中透過p標籤建立檔案；最後透過樣式「font-family:楷體; ”來設定字體即可。
本文操作環境：windows7系統、CSS3版、Dell G3電腦。
CSS中的font-family屬性是用來設定元素的字體系列，如果要指定網頁顯示的字體，就需要設定font-family屬性，下面我們就來具體看一下font-family屬性的用法。
font-family可以把多個字體名稱當作一個「回退」系統來儲存。如果瀏覽器不支援第一個字體，則會嘗試下一個。也就是說，font-family 屬性的值是用於某個元素的字體系列名稱或/及類別族名稱的一個優先表。瀏覽器會使用它可識別的第一個值。
下面我們來看具體的範例
程式碼如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
p.sample1 {font-family:楷体; }
</style>
</head>
<body>
<p class="sample1">文字的字体设置</p>
</body>
</html>效果如下：我們可以看到字體的形式為楷體
在設定字體的時候我們需要注意的是，我們要設定的字體形式必需在Windows字體庫中有的，否則不會生效。
這篇文章到這裡就全部結束了，更多精彩內容大家可以追蹤php中文網的其他相關欄位教學！ ！ ！
以上是font-family屬性怎麼使用的詳細內容。更多資訊請關注PHP中文網其他相關文章！
每周平台新聞：Galaxy Store的Web應用程序，Tappable Stories，CSS SubgridApr 14, 2025 am 11:20 AM在本週的綜述中：Firefox獲得了類似鎖匠的力量，三星的Galaxy Store開始支持Progressive Web Apps，CSS Subgrid正在Firefox發貨
每周平台新聞：Internet Explorer模式，搜索控制台中的速度報告，限制通知提示Apr 14, 2025 am 11:15 AM在本週的綜述中：Internet Explorer進入Edge，Google搜索控制台吹捧新的速度報告，而Firefox給出了Facebook＆＃039; s Notification
使用Gatsby組織和準備圖像以使圖像模糊效果的方法Apr 14, 2025 am 10:56 AM蓋茨比（Gatsby）進行了出色的處理和處理圖像。例如，它可以幫助您節省圖像優化的時間，因為您不必手動
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
AI Hentai Generator
免費產生 AI 無盡。
熱門文章
熱工具
SublimeText3漢化版
中文版，非常好用
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
SecLists
SecLists是最終安全測試人員的伙伴。它是一個包含各種類型清單的集合，這些清單在安全評估過程中經常使用，而且都在一個地方。 SecLists透過方便地提供安全測試人員可能需要的所有列表，幫助提高安全測試的效率和生產力。清單類型包括使用者名稱、密碼、URL、模糊測試有效載荷、敏感資料模式、Web shell等等。測試人員只需將此儲存庫拉到新的測試機上，他就可以存取所需的每種類型的清單。
Dreamweaver Mac版
視覺化網頁開發工具
PhpStorm Mac 版本
最新（2018.2.1 ）專業的PHP整合開發工具
