字体参考

Web 安全字体与系统字体速查,预览字体栈效果。

衬线字体

Georgia优雅的屏幕衬线字体

The quick brown fox jumps over the lazy dog. 1234567890

Georgia, 'Times New Roman', serif
Times New Roman经典衬线字体

The quick brown fox jumps over the lazy dog. 1234567890

'Times New Roman', Times, serif
Palatino人文主义衬线

The quick brown fox jumps over the lazy dog. 1234567890

Palatino, 'Palatino Linotype', serif
Book Antiqua书籍风格衬线

The quick brown fox jumps over the lazy dog. 1234567890

'Book Antiqua', Palatino, serif
Garamond经典印刷体

The quick brown fox jumps over the lazy dog. 1234567890

Garamond, 'Times New Roman', serif

无衬线字体

Arial最通用无衬线

The quick brown fox jumps over the lazy dog. 1234567890

Arial, Helvetica, sans-serif
Helvetica设计经典

The quick brown fox jumps over the lazy dog. 1234567890

Helvetica, Arial, sans-serif
Verdana屏幕优化无衬线

The quick brown fox jumps over the lazy dog. 1234567890

Verdana, Geneva, sans-serif
Trebuchet MS现代人文主义

The quick brown fox jumps over the lazy dog. 1234567890

'Trebuchet MS', Helvetica, sans-serif
Tahoma紧凑无衬线

The quick brown fox jumps over the lazy dog. 1234567890

Tahoma, Geneva, sans-serif
Impact粗体标题

The quick brown fox jumps over the lazy dog. 1234567890

Impact, Charcoal, sans-serif
Lucida SansUnicode 友好

The quick brown fox jumps over the lazy dog. 1234567890

'Lucida Sans Unicode', 'Lucida Grande', sans-serif

等宽字体

Courier New经典等宽

The quick brown fox jumps over the lazy dog. 1234567890

'Courier New', Courier, monospace
ConsolasWindows 编程字体

The quick brown fox jumps over the lazy dog. 1234567890

Consolas, 'Courier New', monospace
MonacomacOS 编程字体

The quick brown fox jumps over the lazy dog. 1234567890

Monaco, Consolas, monospace
Lucida Console宽等宽字体

The quick brown fox jumps over the lazy dog. 1234567890

'Lucida Console', Monaco, monospace
Source Code ProAdobe 开源编程字体

The quick brown fox jumps over the lazy dog. 1234567890

'Source Code Pro', Consolas, monospace

中文字体

微软雅黑Windows 中文默认

The quick brown fox jumps over the lazy dog. 1234567890

'Microsoft YaHei', '微软雅黑', sans-serif
苹方macOS/iOS 中文默认

The quick brown fox jumps over the lazy dog. 1234567890

'PingFang SC', 'Microsoft YaHei', sans-serif
宋体中文衬线经典

The quick brown fox jumps over the lazy dog. 1234567890

SimSun, 'Songti SC', serif
黑体中文无衬线

The quick brown fox jumps over the lazy dog. 1234567890

SimHei, 'Heiti SC', sans-serif
楷体中文手写风格

The quick brown fox jumps over the lazy dog. 1234567890

KaiTi, 'Kaiti SC', serif
思源黑体Google 开源中文

The quick brown fox jumps over the lazy dog. 1234567890

'Noto Sans SC', 'Microsoft YaHei', sans-serif
思源宋体Google 开源中文衬线

The quick brown fox jumps over the lazy dog. 1234567890

'Noto Serif SC', SimSun, serif

系统字体栈

Tailwind CSS 默认Tailwind v4 默认字体栈

The quick brown fox jumps over the lazy dog. 1234567890

ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'
system-ui跟随系统字体

The quick brown fox jumps over the lazy dog. 1234567890

system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif
macOS/iOSApple 设备

The quick brown fox jumps over the lazy dog. 1234567890

-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif
WindowsWindows 设备

The quick brown fox jumps over the lazy dog. 1234567890

'Segoe UI', Roboto, 'Helvetica Neue', sans-serif