1. 程式人生 > >CSS屬性:font-family

CSS屬性:font-family

    

 

原始碼如下:

<html>

  <head>

    <meta charset="utf-8">

    <style type="text/css">

     #p1{

        font-family: Arial,宋體;

     }

     #p2{

        font-family: Serif;

     }

     #p3{

        font-family: Sans-serif;

     }

     #p4{

        font-family: Monospace;

     }

     #p5{

        font-family: Cursive;

     }

     #p6{

        font-family: Fantasy;

     }

</style>

<title>font-family屬性</title>

  </head>

  <body>

    <p id="p1">CSS 特定字型</p>

    <p id="p2">CSS Serif 字型</p>

    <p id="p3">CSS Sans-serif 字型</p>

    <p id="p4">CSS Monospace  字型</p>

    <p id="p5">CSS Cursive 字型</p>

<p id="p6">CSS Fantasy 字型</p>

  </body>

</html>

屬性說明:

 CSS 中,存在兩種型別的字體系列名稱:

    通用字型  - 具有相似外觀的字體系統組合(例如 "Serif" , "Monospace"等)

    特定字型  - 具體的字體系列(比如 "Times" , "Courier"等)

CSS使用指定特定的字體系列取決於使用者瀏覽器是是否可用;如不支援某個特定字型,也不會下載,因此一般使用推薦一個通用字體系列名作為

字型

CSS定義了 5 種通用字體系列

    Serif 字型

    Sans-serif 字型

    Monospace 字型

    Cursive 字型

    Fantasy 字型