Font Family

span {
  font-family: Arial, Helvetica, sans-serif;
}

1. Arial

• 字体类别：Arial 是一种无衬线字体（sans-serif）。无衬线字体的特点是字母笔画的末端没有额外的装饰线条（即衬线），整体外观简洁、现代，可读性高。
• 应用场景：由于其简洁易读的特点，Arial 被广泛应用于各种场景，如网页设计、文档排版、广告宣传等。在网页设计中，它常用于正文文本、标题等，能够提供清晰的视觉效果，让用户轻松阅读内容。
• 字体支持情况：Arial 是一款非常流行的字体，几乎在所有的操作系统和设备上都有预装，包括 Windows、macOS、iOS 和 Android 等。这使得它在跨平台和跨设备的显示上具有很高的兼容性。

2. Helvetica

• 字体类别：Helvetica 同样是一款无衬线字体，它与 Arial 在外观上非常相似，但 Helvetica 被认为具有更优雅、精致的设计风格。
• 应用场景：Helvetica 常用于高端设计、时尚杂志、广告等领域，以营造出简洁、现代和专业的氛围。许多知名品牌的标志和宣传材料都使用了 Helvetica 字体，使其成为设计界的经典字体之一。
• 字体支持情况：Helvetica 最初是为 macOS 系统设计的，在 macOS 系统上有很好的显示效果。然而，在 Windows 系统上，默认情况下并没有安装 Helvetica 字体。不过，由于 Arial 与 Helvetica 相似，当 Helvetica 不可用时，浏览器会使用 Arial 作为替代，从而保证文本的显示效果基本一致。

3. sans-serif

• 字体类别：sans-serif 并不是指某一种具体的字体，而是一个通用的字体族名称，表示无衬线字体家族。
• 作用：在 font-family 声明中，sans-serif 作为最后的备选字体。当用户的系统中既没有安装 Arial 也没有安装 Helvetica 时，浏览器会使用系统默认的无衬线字体来显示文本，确保文本能够正常显示。不同的操作系统可能有不同的默认无衬线字体，例如 Windows 系统默认的无衬线字体是 Arial，而 macOS 系统默认的无衬线字体是 SF Pro Text。

综上所述，font-family: Arial, Helvetica, sans-serif; 声明通过指定一个字体优先级列表，确保文本在不同的系统和设备上都能以合适的无衬线字体显示，同时兼顾了字体的美观性和兼容性。