Web安全字体

列出Windows/Mac/Linux/iOS/Android跨平台通用字体,附实时预览和CSS字体栈。

关于 Web安全字体

Web安全字体是指大多数操作系统都预装的字体,使用这些字体可以保证网页在不同设备上呈现一致。本工具列出常见的Web安全字体及其CSS字体栈。

什么是Web安全字体

Web安全字体是Windows、macOS、Linux、iOS、Android等主流操作系统都预装的字体。使用这些字体可以避免字体加载延迟,确保所有用户看到一致的设计效果。

CSS字体栈

CSS的font-family属性可指定多个字体,浏览器按顺序尝试。良好的字体栈应在多平台都有备选,最后用通用字体族(serif/sans-serif/monospace)兜底。

常用字体栈示例

  • 无衬线:-apple-system, "Microsoft YaHei", "PingFang SC", "Helvetica Neue", sans-serif
  • 衬线:Georgia, "Times New Roman", "SimSun", serif
  • 等宽:"SF Mono", Monaco, Consolas, "Liberation Mono", monospace
  • 中文:"Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", sans-serif