HTML - 字型參考

字型特定於平臺。在執行不同作業系統的不同機器（如 Windows、Linux 或 Mac iOS）上，網頁的外觀和感覺會有所不同。這裡我們提供了一個各種作業系統中可用的字型的列表。

HTML <font> 標籤從 4.0 版開始已棄用，現在所有字型都使用 CSS 設定。

語法

以下是設定網頁正文字型的簡單語法

使用 CSS 類設定字型

body {
   font-family: "new century schoolbook";
}

使用內聯 CSS（即 HTML 標籤）設定字型

<body style = "font-family:new century schoolbook;">

HTML 字型標籤

HTML <font> 標籤在最新版本的 HTML 中已棄用。在舊版本中，可以使用字型標籤為網站上的文字新增樣式、大小和顏色。您可以使用 <basefont> 標籤將所有文字設定為相同的大小、字型和顏色。HTML 字型標籤具有三個屬性，稱為 size、color 和 face，用於自定義您的字型。

網路安全字型

CSS3 已採用字型組合技術。如果瀏覽器不支援第一個字型，則嘗試下一個字型。以下是 CSS 網路安全字型的列表。

HTML 字型的示例

讓我們看看 HTML 文件中字型用法的基本示例

<!DOCTYPE html>
<html>
<head>
   <title>Font Setting Using CSS</title>
</head>
<body>
   <p>
      Change any of the style and try it.
   </p>
   <div style="font-family:verdana;">
      This is demo for font family
   </div>
   <br />
   <div style="font-size:120%;">
      This is demo for font size
   </div>
   <br />
   <div style="font-size:14pt;">
      This is demo for font size
   </div>
</body>
</html>

當我們執行以上程式碼時，輸出視窗將彈出，顯示網頁上顯示的不同字型的文字。

Microsoft 系統的字型

以下是列出的 Microsoft 系統的字型：

字型	字型	字型
Andale Mono	Arial	Arial Bold
Arial Italic	Arial Bold Italic	Arial Black
Comic Sans MS	Comic Sans MS Bold	Courier New
Courier New Bold	Courier New Italic	Courier New Bold Italic
Georgia	Georgia Bold	Georgia Italic
Georgia Bold Italic	Impact	Lucida Console
Lucida Sans Unicode	Marlett	Minion Web
Symbol	Times New Roman	Times New Roman Bold
Times New Roman Italic	Times New Roman Bold Italic	Tahoma
Trebuchet MS	Trebuchet MS Bold	Trebuchet MS Italic
Trebuchet MS Bold Italic	Verdana	Verdana Bold
Verdana Italic	Verdana Bold Italic	Webdings

您可以在此處檢視示例字型 Microsoft 字型示例。

Macintosh 系統的字型

以下是 Macintosh System 7 及更高版本支援的字型列表。

字型	字型	字型
American Typewriter	Andale Mono	Apple Chancery
Arial	Arial Black	Brush Script
Baskerville	Big Caslon	Comic Sans MS
Copperplate	Courier New	Gill Sans
Futura	Herculanum	Impact
Lucida Grande	Marker Felt	Optima
Trebuchet MS	Verdana	Webdings
Palatino	Symbol	Times
Osaka	Papyrus	Times New Roman
Textile	Zapf Dingbats	Zapfino
Techno	Hoefler Text	Skia
Hoefler Text Ornaments	Capitals	Charcoal
Gadget	Sand

您可以在此處檢視示例字型 Mac 字型示例。

Unix 系統的字型

以下是大多數 Unix 系統變體支援的字型列表

字型	字型	字型
Charter	Clean	Courier
Fixed	Helvetica	Lucida
Lucida bright	Lucida Typewriter	New Century Schoolbook
Symbol	Terminal	Times
Utopia

您可以在此處檢視示例字型 Unix 字型示例。

列印頁面