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 字型