网页常用的字体及显示情况参考

网页常用的字体及显示情况参考,做网页设计的时候,经常用css定义字体字体大小,这里给大家整理了一些常用的网页字体及显示参考

这里整理了,各种WEB常用字体的显示样式!

在使用的过程中,发现有BUG,功能不完善,用户体验提升等意见,请点击右上方的留言交流即可,谢谢你的支持。

这里整理了,各种WEB常用字体的显示样式!

在使用的过程中,发现有BUG,功能不完善,用户体验提升等意见,请点击右上方的留言交流即可,谢谢你的支持。

Georgia
ABCDEFGHIJKLMNOPQRSTUVWXYZ(26px)
abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(22px)
abcdefghijklmnopqrstuvwxyz 0123456789
Impact
ABCDEFGHIJKLMNOPQRSTUVWXYZ(26px)
abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(22px)
abcdefghijklmnopqrstuvwxyz 0123456789
Verdana
ABCDEFGHIJKLMNOPQRSTUVWXYZ(24px)
abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(20px)
abcdefghijklmnopqrstuvwxyz 0123456789

Trebuchet MS
ABCDEFGHIJKLMNOPQRSTUVWXYZ(24px)
abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(20px)
abcdefghijklmnopqrstuvwxyz 0123456789

微软雅黑
24px 微软雅黑 中文字体加粗中文字体 ©一方天
ABCDEFGHIJKLMNOPQRSTUVWXYZ(24px)
abcdefghijklmnopqrstuvwxyz 0123456789

20px 微软雅黑 中文字体加粗中文字体 ©一方天
ABCDEFGHIJKLMNOPQRSTUVWXYZ(20px)
abcdefghijklmnopqrstuvwxyz 0123456789
宋体
26px 宋体 中文字体加粗中文字体
ABCDEFGHIJKLMNOPQRSTUVWXYZ(26px)
abcdefghijklmnopqrstuvwxyz 0123456789

18px 宋体 中文字体加粗中文字体
ABCDEFGHIJKLMNOPQRSTUVWXYZ(18px)
abcdefghijklmnopqrstuvwxyz 0123456789

黑体* 慎用加粗
26px 黑体 中文字体加粗中文字体
ABCDEFGHIJKLMNOPQRSTUVWXYZ(26px)
abcdefghijklmnopqrstuvwxyz 0123456789

18px 黑体 中文字体加粗中文字体
ABCDEFGHIJKLMNOPQRSTUVWXYZ(18px)
abcdefghijklmnopqrstuvwxyz 0123456789

英文非等宽字体

Arial
ABCDEFGHIJKLMNOPQRSTUVWXYZ(18px)
abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(16px)
abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(14px)
abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(12px)
abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(11px)
abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(10px)
abcdefghijklmnopqrstuvwxyz 0123456789

Comic Sans MS
ABCDEFGHIJKLMNOPQRSTUVWXYZ(18px)
abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(16px)
abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(14px)
abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(12px)
abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(11px)
abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ10px
abcdefghijklmnopqrstuvwxyz 0123456789

Georgia
ABCDEFGHIJKLMNOPQRSTUVWXYZ(18px)
abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(16px)
abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(14px)
abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(12px)
abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(11px)
abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(10px)
abcdefghijklmnopqrstuvwxyz 0123456789

Tahoma
ABCDEFGHIJKLMNOPQRSTUVWXYZ(18px)
abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(16px)
abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(14px)
abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(12px)
abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(11px)
abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(10px)
abcdefghijklmnopqrstuvwxyz 0123456789

Time News Roman
ABCDEFGHIJKLMNOPQRSTUVWXYZ(18px)
abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(16px)
abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(14px)
abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(12px)
abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(11px)
abcdefghijklmnopqrstuvwxyz 0123456789

Trebuchet MS
ABCDEFGHIJKLMNOPQRSTUVWXYZ(18px)
abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(16px)
abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(14px)
abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(12px)
abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(11px)
abcdefghijklmnopqrstuvwxyz 0123456789

Verdana
ABCDEFGHIJKLMNOPQRSTUVWXYZ(18px)
abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(16px)
abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(14px)
abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(12px)
abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(11px)
abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(10px)
abcdefghijklmnopqrstuvwxyz 0123456789

英文等宽字体

Courier New
ABCDEFGHIJKLMNOPQRSTUVWXYZ(18px)
abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(16px)
abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(14px)
abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(12px)
abcdefghijklmnopqrstuvwxyz 0123456789

Hei
ABCDEFGHIJKLMNOPQRSTUVWXYZ(18px)
abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(16px)
abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(14px)
abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(12px)
abcdefghijklmnopqrstuvwxyz 0123456789

Monaco
ABCDEFGHIJKLMNOPQRSTUVWXYZ(18px)
abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(16px)
abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(14px)
abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(12px)
abcdefghijklmnopqrstuvwxyz 0123456789

simhei
ABCDEFGHIJKLMNOPQRSTUVWXYZ(18px)
abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(16px)
abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(14px)
abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(12px)
abcdefghijklmnopqrstuvwxyz 0123456789

中文字体

宋体
14px 宋体 中文字体加粗中文字体
ABCDEFGHIJKLMNOPQRSTUVWXYZ(14px)
abcdefghijklmnopqrstuvwxyz 0123456789

12px 宋体 中文字体加粗中文字体
ABCDEFGHIJKLMNOPQRSTUVWXYZ(12px)
abcdefghijklmnopqrstuvwxyz 0123456789

微软雅黑
14px 微软雅黑 中文字体加粗中文字体
ABCDEFGHIJKLMNOPQRSTUVWXYZ(14px)
abcdefghijklmnopqrstuvwxyz 0123456789

12px 微软雅黑 中文字体加粗中文字体
ABCDEFGHIJKLMNOPQRSTUVWXYZ(12px)
abcdefghijklmnopqrstuvwxyz 0123456789

MingLiU 11px 中文字
11px清晰中文字体加粗中文字体(11px)
PMingLiU 11px 中文字
11px清晰中文字体加粗中文字体(11px)
常见11px使用范例:Tahoma,Verdana,Arial,PMingLiu,MingLiu
11px清晰中文字体加粗中文字体(11px)
MS UI Gothic 10px 中文字
據說這種字體繁體中文會顯示得稍微好一點,但都看不怎麽清楚(10px