首頁 >web前端 >css教學 >font-family屬性怎麼使用

font-family屬性怎麼使用

不言
不言原創
2019-02-13 17:44:0325466瀏覽

font-family屬性是用來設定元素的字體系列,其使用方法:先建立一個HTML範例檔案;然後在body中透過p標籤建立檔案;最後透過樣式「font-family:楷體; ”來設定字體即可。

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>

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

font-family屬性怎麼使用

在設定字體的時候我們需要注意的是,我們要設定的字體形式必需在Windows字體庫中有的,否則不會生效。

這篇文章到這裡就全部結束了,更多精彩內容大家可以追蹤php中文網的其他相關欄位教學! ! !

以上是font-family屬性怎麼使用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

相關文章

看更多