選單
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

W3.CSS 字型

Verdana 是 W3.CSS 中使用的預設字型。Verdana 字母間距良好,易於閱讀。Verdana 也是 W3Schools 的預設字型。

Segoe UI 是標題的預設字型。Segoe UI 的字母間距更窄。這允許在標題中顯示更多字母。

使用其他預設字型

在 W3.CSS 中使用其他預設字型非常容易

示例

body, h1, h2, h3, h4, h5, h6 {
  font-family: Arial, Helvetica, sans-serif;
}
自己試試 »

使用字型類

使用 W3.CSS,您可以使用 4 種不同的內建字型類

  • w3-serif
  • w3-sans-serif
  • w3-monospace
  • w3-cursive

這是 w3-serif

挪威總面積為 385,252 平方公里,人口為 5,438,657(2020 年 12 月)。挪威東北部與瑞典、芬蘭和俄羅斯接壤,南部與 Skagerrak 海峽接壤,另一側為丹麥。

挪威總面積為 385,252 平方公里,人口為 5,438,657(2020 年 12 月)。挪威東北部與瑞典、芬蘭和俄羅斯接壤,南部與 Skagerrak 海峽接壤,另一側為丹麥。

示例

<p class="w3-serif">
自己試試 »

這是 w3-sans-serif

挪威總面積為 385,252 平方公里,人口為 5,438,657(2020 年 12 月)。挪威東北部與瑞典、芬蘭和俄羅斯接壤,南部與 Skagerrak 海峽接壤,另一側為丹麥。

挪威總面積為 385,252 平方公里,人口為 5,438,657(2020 年 12 月)。挪威東北部與瑞典、芬蘭和俄羅斯接壤,南部與 Skagerrak 海峽接壤,另一側為丹麥。

示例

<p class="w3-sans-serif">
自己試試 »

這是 w3-monospace

挪威總面積為 385,252 平方公里,人口為 5,438,657(2020 年 12 月)。挪威東北部與瑞典、芬蘭和俄羅斯接壤,南部與 Skagerrak 海峽接壤,另一側為丹麥。

挪威總面積為 385,252 平方公里,人口為 5,438,657(2020 年 12 月)。挪威東北部與瑞典、芬蘭和俄羅斯接壤,南部與 Skagerrak 海峽接壤,另一側為丹麥。

示例

<div class="w3-monospace">
自己試試 »

這是 w3-cursive

挪威總面積為 385,252 平方公里,人口為 5,438,657(2020 年 12 月)。挪威東北部與瑞典、芬蘭和俄羅斯接壤,南部與 Skagerrak 海峽接壤,另一側為丹麥。

挪威總面積為 385,252 平方公里,人口為 5,438,657(2020 年 12 月)。挪威東北部與瑞典、芬蘭和俄羅斯接壤,南部與 Skagerrak 海峽接壤,另一側為丹麥。

示例

<div class="w3-cursive">
自己試試 »


Web 安全無襯線字型

字型家族安全備用
ArialHelvetica, sans-serif
HelveticaArial, sans-serif
VerdanaGeneva, sans-serif
GenevaVerdana, sans-serif
TahomaArial, sans-serif
Trebuchet MSArial, sans-serif

Arial 被認為是最安全的無襯線字型。它安裝在所有 Windows 機器(99.8%)和所有 Mac 機器(98.7%)上。

Helvetica 是首選備用字型,因為這兩種字型幾乎相同。Helvetica 在所有 Mac 機器(100%)上執行,但在 Windows 機器上執行較少(7.3%)。

使用帶有 Helvetica 備用字型的 Arial,或帶有 Arial 備用字型的 Helvetica,可以覆蓋兩方面。

Verdana 也被認為是 Web 安全無襯線字型。它在所有 Windows 機器(99.8%)和所有 Mac 機器(99.1%)上執行。

Geneva 是 Verdana 的首選備用字型,因為這兩種字型非常相似,並且 Geneva 在所有 Mac 機器(99.6%)上執行。

Tahoma 是 Windows 95 的標準字型。它在所有 Windows 機器(99.9%)和所有 Mac 機器(91.7%)上執行。

Trebuchet MS 自 Microsoft Windows 2000 起隨所有 Windows 作業系統(99.7%)釋出。它也包含在 Mac 機器(97.1%)、iOS 和 Chrome OS 中。

來源: CSS Font Stack


這是 Arial

挪威總面積為 385,252 平方公里,人口為 5,438,657(2020 年 12 月)。挪威東北部與瑞典、芬蘭和俄羅斯接壤,南部與 Skagerrak 海峽接壤,另一側為丹麥。

挪威總面積為 385,252 平方公里,人口為 5,438,657(2020 年 12 月)。挪威東北部與瑞典、芬蘭和俄羅斯接壤,南部與 Skagerrak 海峽接壤,另一側為丹麥。

示例

<style>
body, h1, h2, h3, h4, h5, h6 {
  font-family: Arial, Helvetica, sans-serif;
}
</style>
自己試試 »

Arial 在 Web 使用量中排名第一


這是 Helvetica

挪威總面積為 385,252 平方公里,人口為 5,438,657(2020 年 12 月)。挪威東北部與瑞典、芬蘭和俄羅斯接壤,南部與 Skagerrak 海峽接壤,另一側為丹麥。

挪威總面積為 385,252 平方公里,人口為 5,438,657(2020 年 12 月)。挪威東北部與瑞典、芬蘭和俄羅斯接壤,南部與 Skagerrak 海峽接壤,另一側為丹麥。

示例

<style>
body, h1, h2, h3, h4, h5, h6 {
  font-family: Helvetica, Arial, sans-serif;
}
</style>
自己試試 »

Helvetica 在 Web 使用量中排名第二


這是 Verdana

挪威總面積為 385,252 平方公里,人口為 5,438,657(2020 年 12 月)。挪威東北部與瑞典、芬蘭和俄羅斯接壤,南部與 Skagerrak 海峽接壤,另一側為丹麥。

挪威總面積為 385,252 平方公里,人口為 5,438,657(2020 年 12 月)。挪威東北部與瑞典、芬蘭和俄羅斯接壤,南部與 Skagerrak 海峽接壤,另一側為丹麥。

示例

body, h1, h2, h3, h4, h5, h6 {
  font-family: Verdana, Geneva, sans-serif;
}
自己試試 »

Verdana 在 Web 使用量中排名第三


這是 Geneva

挪威總面積為 385,252 平方公里,人口為 5,438,657(2020 年 12 月)。挪威東北部與瑞典、芬蘭和俄羅斯接壤,南部與 Skagerrak 海峽接壤,另一側為丹麥。

挪威總面積為 385,252 平方公里,人口為 5,438,657(2020 年 12 月)。挪威東北部與瑞典、芬蘭和俄羅斯接壤,南部與 Skagerrak 海峽接壤,另一側為丹麥。

示例

body, h1, h2, h3, h4, h5, h6 {
  font-family: Geneva, Verdana, sans-serif;
}
自己試試 »

這是 Tahoma

挪威總面積為 385,252 平方公里,人口為 5,438,657(2020 年 12 月)。挪威東北部與瑞典、芬蘭和俄羅斯接壤,南部與 Skagerrak 海峽接壤,另一側為丹麥。

挪威總面積為 385,252 平方公里,人口為 5,438,657(2020 年 12 月)。挪威東北部與瑞典、芬蘭和俄羅斯接壤,南部與 Skagerrak 海峽接壤,另一側為丹麥。

示例

body, h1, h2, h3, h4, h5, h6 {
  font-family: Tahoma, "Trebuchet MS", sans-serif;
}
自己試試 »

這是 Trebuchet MS

挪威總面積為 385,252 平方公里,人口為 5,438,657(2020 年 12 月)。挪威東北部與瑞典、芬蘭和俄羅斯接壤,南部與 Skagerrak 海峽接壤,另一側為丹麥。

挪威總面積為 385,252 平方公里,人口為 5,438,657(2020 年 12 月)。挪威東北部與瑞典、芬蘭和俄羅斯接壤,南部與 Skagerrak 海峽接壤,另一側為丹麥。

示例

body, h1, h2, h3, h4, h5, h6 {
  font-family: "Trebuchet MS", Tahoma, sans-serif;
}
自己試試 »

這是 Segoe UI

挪威總面積為 385,252 平方公里,人口為 5,438,657(2020 年 12 月)。挪威東北部與瑞典、芬蘭和俄羅斯接壤,南部與 Skagerrak 海峽接壤,另一側為丹麥。

挪威總面積為 385,252 平方公里,人口為 5,438,657(2020 年 12 月)。挪威東北部與瑞典、芬蘭和俄羅斯接壤,南部與 Skagerrak 海峽接壤,另一側為丹麥。

示例

body, h1, h2, h3, h4, h5, h6 {
  font-family: "Segoe UI", Arial, sans-serif
}
自己試試 »

Segoe UI 是 Windows 10 中的預設字型。它也是 W3Schools 和 W3.CSS 中標題的預設字型。


Web 安全襯線字型

字型家族安全備用
Times New RomanTimes, serif
Georgiaserif

Times New Roman 被認為是最安全的襯線字型。它在所有 Windows 機器(99.7%)和所有 Mac 機器(97.4%)上執行。

某些較舊的作業系統可能有一個名為 Times 的替代版本,因此將其用作備用字型以及 serif 是明智的。

Georgia 也被認為非常安全。它比 Times New Roman 稍大,但在大多數 Windows 機器(99.4%)和 Mac 機器(97.5%)上執行良好。

為安全起見,請使用 serif 作為備用。


這是 Times New Roman

挪威總面積為 385,252 平方公里,人口為 5,438,657(2020 年 12 月)。挪威東北部與瑞典、芬蘭和俄羅斯接壤,南部與 Skagerrak 海峽接壤,另一側為丹麥。

挪威總面積為 385,252 平方公里,人口為 5,438,657(2020 年 12 月)。挪威東北部與瑞典、芬蘭和俄羅斯接壤,南部與 Skagerrak 海峽接壤,另一側為丹麥。

示例

body, h1, h2, h3, h4, h5, h6 {
  font-family: "Times New Roman", Times, serif;
}
自己試試 »

這是 Georgia

挪威總面積為 385,252 平方公里,人口為 5,438,657(2020 年 12 月)。挪威東北部與瑞典、芬蘭和俄羅斯接壤,南部與 Skagerrak 海峽接壤,另一側為丹麥。

挪威總面積為 385,252 平方公里,人口為 5,438,657(2020 年 12 月)。挪威東北部與瑞典、芬蘭和俄羅斯接壤,南部與 Skagerrak 海峽接壤,另一側為丹麥。

示例

body, h1, h2, h3, h4, h5, h6 {
  font-family: Georgia, serif;
}
自己試試 »

等寬字型

在等寬字型中,所有字母佔用相同的寬度。

等寬字型常用於顯示計算機程式碼。

字型家族安全備用
Courier Newmonospace
Lucida ConsoleMonaco, monospace
MonacoLucida Console, monospace

Courier New 被認為是最安全的等寬字型。它安裝在大多數 Windows 和 Mac 機器上。

Lucida Console 不在 Mac 上執行。Monaco 不在 Windows 上執行。

一種解決方案是為 Lucida Console 使用 Monaco 作為備用。

沒有 100% Web 安全的字型,但您始終可以使用 w3-monospace


這是 w3-monospace

挪威總面積為 385,252 平方公里,人口為 5,438,657(2020 年 12 月)。挪威東北部與瑞典、芬蘭和俄羅斯接壤,南部與 Skagerrak 海峽接壤,另一側為丹麥。

挪威總面積為 385,252 平方公里,人口為 5,438,657(2020 年 12 月)。挪威東北部與瑞典、芬蘭和俄羅斯接壤,南部與 Skagerrak 海峽接壤,另一側為丹麥。

示例

<div class="w3-monospace">
自己試試 »


這是 Courier New

挪威總面積為 385,252 平方公里,人口為 5,438,657(2020 年 12 月)。挪威東北部與瑞典、芬蘭和俄羅斯接壤,南部與 Skagerrak 海峽接壤,另一側為丹麥。

挪威總面積為 385,252 平方公里,人口為 5,438,657(2020 年 12 月)。挪威東北部與瑞典、芬蘭和俄羅斯接壤,南部與 Skagerrak 海峽接壤,另一側為丹麥。

示例

body, h1, h2, h3, h4, h5, h6 {
  font-family: "Courier New", monospace;
}
自己試試 »

這是 Lucida 或 Monaco

挪威總面積為 385,252 平方公里,人口為 5,438,657(2020 年 12 月)。挪威東北部與瑞典、芬蘭和俄羅斯接壤,南部與 Skagerrak 海峽接壤,另一側為丹麥。

挪威總面積為 385,252 平方公里,人口為 5,438,657(2020 年 12 月)。挪威東北部與瑞典、芬蘭和俄羅斯接壤,南部與 Skagerrak 海峽接壤,另一側為丹麥。

示例

body, h1, h2, h3, h4, h5, h6 {
  font-family: "Lucida Console", Monaco, monospace;
}
自己試試 »

手寫字型

沒有 Web 安全的手寫字型,但您可以安全地使用 w3-cursive

這是 w3-cursive

挪威總面積為 385,252 平方公里,人口為 5,438,657(2020 年 12 月)。挪威東北部與瑞典、芬蘭和俄羅斯接壤,南部與 Skagerrak 海峽接壤,另一側為丹麥。

挪威總面積為 385,252 平方公里,人口為 5,438,657(2020 年 12 月)。挪威東北部與瑞典、芬蘭和俄羅斯接壤,南部與 Skagerrak 海峽接壤,另一側為丹麥。

示例

<div class="w3-cursive">
自己試試 »

×

聯絡銷售

如果您想將 W3Schools 服務用於教育機構、團隊或企業,請傳送電子郵件給我們
sales@w3schools.com

報告錯誤

如果您想報告錯誤,或想提出建議,請傳送電子郵件給我們
help@w3schools.com

W3Schools 經過最佳化,旨在方便學習和培訓。示例可能經過簡化,以提高閱讀和學習體驗。教程、參考資料和示例會不斷審查,以避免錯誤,但我們無法保證所有內容的完全正確性。使用 W3Schools 即表示您已閱讀並接受我們的使用條款Cookie 和隱私政策

版權所有 1999-2024 Refsnes Data。保留所有權利。W3Schools 由 W3.CSS 提供支援