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中文網其他相關文章!