菜单
×
   ❮     
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 提供支持