Menu
×
   ❮     
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 月)。挪威与瑞典、芬兰和俄罗斯接壤,东北部为斯卡格拉克海峡,南部为丹麦。

挪威总面积为 385,252 平方公里,人口为 5,438,657(2020 年 12 月)。挪威与瑞典、芬兰和俄罗斯接壤,东北部为斯卡格拉克海峡,南部为丹麦。

示例

<p class="w3-serif">
尝试一下 »

这是 w3-sans-serif

挪威总面积为 385,252 平方公里,人口为 5,438,657(2020 年 12 月)。挪威与瑞典、芬兰和俄罗斯接壤,东北部为斯卡格拉克海峡,南部为丹麦。

挪威总面积为 385,252 平方公里,人口为 5,438,657(2020 年 12 月)。挪威与瑞典、芬兰和俄罗斯接壤,东北部为斯卡格拉克海峡,南部为丹麦。

示例

<p class="w3-sans-serif">
尝试一下 »

这是 w3-monospace

挪威总面积为 385,252 平方公里,人口为 5,438,657(2020 年 12 月)。挪威与瑞典、芬兰和俄罗斯接壤,东北部为斯卡格拉克海峡,南部为丹麦。

挪威总面积为 385,252 平方公里,人口为 5,438,657(2020 年 12 月)。挪威与瑞典、芬兰和俄罗斯接壤,东北部为斯卡格拉克海峡,南部为丹麦。

示例

<div class="w3-monospace">
尝试一下 »

这是 w3-cursive

挪威总面积为 385,252 平方公里,人口为 5,438,657(2020 年 12 月)。挪威与瑞典、芬兰和俄罗斯接壤,东北部为斯卡格拉克海峡,南部为丹麦。

挪威总面积为 385,252 平方公里,人口为 5,438,657(2020 年 12 月)。挪威与瑞典、芬兰和俄罗斯接壤,东北部为斯卡格拉克海峡,南部为丹麦。

示例

<div class="w3-cursive">
尝试一下 »


网页安全无衬线字体

字体族安全回退
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%)上运行。

使用 Arial 和 Helvetica 回退,或 Helvetiva 和 Arial 回退,可以覆盖这两个世界。

Verdana 也被认为是网页安全的无衬线字体。它运行在所有 Windows 机器(99.8%)和所有 Mac 机器(99.1%)上。

Geneva 是 Verdana 的首选回退,因为这两种字体非常相似,并且 Geneva 运行在所有 Mac 机器(99.6%)上。

Tahoma 是 Windows 95 中的标准字体。它适用于 99.9% 的所有 Windows 机器和 91.7% 的所有 Mac 机器。

Trebuchet MS 自 Microsoft Windows 2000 以来已随所有 Windows 操作系统(99.7%)发布。它还包含在 Mac 机器(97.1%)、iOS 和 Chrome OS 上。

来源:CSS 字体栈


这是 Arial

挪威总面积为 385,252 平方公里,人口为 5,438,657(2020 年 12 月)。挪威与瑞典、芬兰和俄罗斯接壤,东北部为斯卡格拉克海峡,南部为丹麦。

挪威总面积为 385,252 平方公里,人口为 5,438,657(2020 年 12 月)。挪威与瑞典、芬兰和俄罗斯接壤,东北部为斯卡格拉克海峡,南部为丹麦。

示例

<style>
body, h1, h2, h3, h4, h5, h6 {
  font-family: Arial, Helvetica, sans-serif;
}
</style>
尝试一下 »

Arial 在网页上的使用排名#1


这是 Helvetica

挪威总面积为 385,252 平方公里,人口为 5,438,657(2020 年 12 月)。挪威与瑞典、芬兰和俄罗斯接壤,东北部为斯卡格拉克海峡,南部为丹麦。

挪威总面积为 385,252 平方公里,人口为 5,438,657(2020 年 12 月)。挪威与瑞典、芬兰和俄罗斯接壤,东北部为斯卡格拉克海峡,南部为丹麦。

示例

<style>
body, h1, h2, h3, h4, h5, h6 {
  font-family: Helvetica, Arial, sans-serif;
}
</style>
尝试一下 »

Helvetica 在网页上的使用排名#2


这是 Verdana

挪威总面积为 385,252 平方公里,人口为 5,438,657(2020 年 12 月)。挪威与瑞典、芬兰和俄罗斯接壤,东北部为斯卡格拉克海峡,南部为丹麦。

挪威总面积为 385,252 平方公里,人口为 5,438,657(2020 年 12 月)。挪威与瑞典、芬兰和俄罗斯接壤,东北部为斯卡格拉克海峡,南部为丹麦。

示例

body, h1, h2, h3, h4, h5, h6 {
  font-family: Verdana, Geneva, sans-serif;
}
尝试一下 »

Verdana 在网页上的使用排名#3


这是 Geneva

挪威总面积为 385,252 平方公里,人口为 5,438,657(2020 年 12 月)。挪威与瑞典、芬兰和俄罗斯接壤,东北部为斯卡格拉克海峡,南部为丹麦。

挪威总面积为 385,252 平方公里,人口为 5,438,657(2020 年 12 月)。挪威与瑞典、芬兰和俄罗斯接壤,东北部为斯卡格拉克海峡,南部为丹麦。

示例

body, h1, h2, h3, h4, h5, h6 {
  font-family: Geneva, Verdana, sans-serif;
}
尝试一下 »

这是 Tahoma

挪威总面积为 385,252 平方公里,人口为 5,438,657(2020 年 12 月)。挪威与瑞典、芬兰和俄罗斯接壤,东北部为斯卡格拉克海峡,南部为丹麦。

挪威总面积为 385,252 平方公里,人口为 5,438,657(2020 年 12 月)。挪威与瑞典、芬兰和俄罗斯接壤,东北部为斯卡格拉克海峡,南部为丹麦。

示例

body, h1, h2, h3, h4, h5, h6 {
  font-family: Tahoma, "Trebuchet MS", sans-serif;
}
尝试一下 »

这是 Trebuchet MS

挪威总面积为 385,252 平方公里,人口为 5,438,657(2020 年 12 月)。挪威与瑞典、芬兰和俄罗斯接壤,东北部为斯卡格拉克海峡,南部为丹麦。

挪威总面积为 385,252 平方公里,人口为 5,438,657(2020 年 12 月)。挪威与瑞典、芬兰和俄罗斯接壤,东北部为斯卡格拉克海峡,南部为丹麦。

示例

body, h1, h2, h3, h4, h5, h6 {
  font-family: "Trebuchet MS", Tahoma, sans-serif;
}
尝试一下 »

这是 Segoe UI

挪威总面积为 385,252 平方公里,人口为 5,438,657(2020 年 12 月)。挪威与瑞典、芬兰和俄罗斯接壤,东北部为斯卡格拉克海峡,南部为丹麦。

挪威总面积为 385,252 平方公里,人口为 5,438,657(2020 年 12 月)。挪威与瑞典、芬兰和俄罗斯接壤,东北部为斯卡格拉克海峡,南部为丹麦。

示例

body, h1, h2, h3, h4, h5, h6 {
  font-family: "Segoe UI", Arial, sans-serif
}
尝试一下 »

Segoe UI 是 Windows 10 的默认字体。它也是 W3Schools 和 W3.CSS 的默认标题字体。


网页安全衬线字体

字体族安全回退
Times New RomanTimes, serif
Georgiaserif

Times New Roman 被认为是最网页安全的衬线字体。它适用于所有 Windows 机器(99.7%)和所有 Mac 机器(97.4%)。

一些较旧的操作系统可能有一个名为Times 的替代版本,因此使用 Times 作为回退以及 serif 非常明智。

Georgia 也被认为非常安全。它比 Times New Roman 稍大,但在大多数 Windows 机器(99.4%)和 Mac 机器(97.5%)上效果很好。

为了安全起见,请使用 serif 作为回退。


这是 Times New Roman

挪威总面积为 385,252 平方公里,人口为 5,438,657(2020 年 12 月)。挪威与瑞典、芬兰和俄罗斯接壤,东北部为斯卡格拉克海峡,南部为丹麦。

挪威总面积为 385,252 平方公里,人口为 5,438,657(2020 年 12 月)。挪威与瑞典、芬兰和俄罗斯接壤,东北部为斯卡格拉克海峡,南部为丹麦。

示例

body, h1, h2, h3, h4, h5, h6 {
  font-family: "Times New Roman", Times, serif;
}
尝试一下 »

这是 Georgia

挪威总面积为 385,252 平方公里,人口为 5,438,657(2020 年 12 月)。挪威与瑞典、芬兰和俄罗斯接壤,东北部为斯卡格拉克海峡,南部为丹麦。

挪威总面积为 385,252 平方公里,人口为 5,438,657(2020 年 12 月)。挪威与瑞典、芬兰和俄罗斯接壤,东北部为斯卡格拉克海峡,南部为丹麦。

示例

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 上运行。

一种解决方案是使用 Monaco 作为 Lucida Console 的回退。

没有 100% 网页安全的字体,但您可以始终使用w3-monospace


这是 w3-monospace

挪威总面积为 385,252 平方公里,人口为 5,438,657(2020 年 12 月)。挪威与瑞典、芬兰和俄罗斯接壤,东北部为斯卡格拉克海峡,南部为丹麦。

挪威总面积为 385,252 平方公里,人口为 5,438,657(2020 年 12 月)。挪威与瑞典、芬兰和俄罗斯接壤,东北部为斯卡格拉克海峡,南部为丹麦。

示例

<div class="w3-monospace">
尝试一下 »


这是 Courier New

挪威总面积为 385,252 平方公里,人口为 5,438,657(2020 年 12 月)。挪威与瑞典、芬兰和俄罗斯接壤,东北部为斯卡格拉克海峡,南部为丹麦。

挪威总面积为 385,252 平方公里,人口为 5,438,657(2020 年 12 月)。挪威与瑞典、芬兰和俄罗斯接壤,东北部为斯卡格拉克海峡,南部为丹麦。

示例

body, h1, h2, h3, h4, h5, h6 {
  font-family: "Courier New", monospace;
}
尝试一下 »

这是 Lucida 或 Monaco

挪威总面积为 385,252 平方公里,人口为 5,438,657(2020 年 12 月)。挪威与瑞典、芬兰和俄罗斯接壤,东北部为斯卡格拉克海峡,南部为丹麦。

挪威总面积为 385,252 平方公里,人口为 5,438,657(2020 年 12 月)。挪威与瑞典、芬兰和俄罗斯接壤,东北部为斯卡格拉克海峡,南部为丹麦。

示例

body, h1, h2, h3, h4, h5, h6 {
  font-family: "Lucida Console", Monaco, monospace;
}
尝试一下 »

手写字体

没有网页安全的手写字体,但您可以安全地使用w3-cursive

这是 w3-cursive

挪威总面积为 385,252 平方公里,人口为 5,438,657(2020 年 12 月)。挪威与瑞典、芬兰和俄罗斯接壤,东北部为斯卡格拉克海峡,南部为丹麦。

挪威总面积为 385,252 平方公里,人口为 5,438,657(2020 年 12 月)。挪威与瑞典、芬兰和俄罗斯接壤,东北部为斯卡格拉克海峡,南部为丹麦。

示例

<div class="w3-cursive">
尝试一下 »

×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
[email protected]

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
[email protected]

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.