在网页设计中常用的几种中文字体和英文字体

2016年11月03日

阅读:2,048
Georgia

ABCDEFGHIJKLMNOPQRSTUVWXYZ (26px)
abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ (22px)
abcdefghijklmnopqrstuvwxyz 0123456789

Impact

ABCDEFGHIJKLMNOPQRSTUVWXYZ (26px)
abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ (22px)
abcdefghijklmnopqrstuvwxyz 0123456789

Verdana

ABCDEFGHIJKLMNOPQRSTUVWXYZ(24px)
abcdefghijklmnopqrstuvwxyz0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(20px)
abcdefghijklmnopqrstuvwxyz0123456789

TrebuchetMS

ABCDEFGHIJKLMNOPQRSTUVWXYZ(24px)
abcdefghijklmnopqrstuvwxyz0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(20px)
abcdefghijklmnopqrstuvwxyz0123456789

微软雅黑

24px微软雅黑中文字体加粗中文字体
ABCDEFGHIJKLMNOPQRSTUVWXYZ(24px)
abcdefghijklmnopqrstuvwxyz0123456789

20px微软雅黑中文字体加粗中文字体
ABCDEFGHIJKLMNOPQRSTUVWXYZ(20px)
abcdefghijklmnopqrstuvwxyz0123456789

宋体

26px宋体中文字体加粗中文字体
ABCDEFGHIJKLMNOPQRSTUVWXYZ(26px)
abcdefghijklmnopqrstuvwxyz0123456789

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

黑体*慎用加粗

26px黑体中文字体加粗中文字体
ABCDEFGHIJKLMNOPQRSTUVWXYZ(26px)
abcdefghijklmnopqrstuvwxyz0123456789

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

英文非等宽字体

Arial

ABCDEFGHIJKLMNOPQRSTUVWXYZ(18px)
abcdefghijklmnopqrstuvwxyz0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(16px)
abcdefghijklmnopqrstuvwxyz0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(14px)
abcdefghijklmnopqrstuvwxyz0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(12px)
abcdefghijklmnopqrstuvwxyz0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(11px)
abcdefghijklmnopqrstuvwxyz0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(10px)
abcdefghijklmnopqrstuvwxyz0123456789

ComicSansMS

ABCDEFGHIJKLMNOPQRSTUVWXYZ(18px)
abcdefghijklmnopqrstuvwxyz0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(16px)
abcdefghijklmnopqrstuvwxyz0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(14px)
abcdefghijklmnopqrstuvwxyz0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(12px)
abcdefghijklmnopqrstuvwxyz0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(11px)
abcdefghijklmnopqrstuvwxyz0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ10px
abcdefghijklmnopqrstuvwxyz0123456789

Georgia

ABCDEFGHIJKLMNOPQRSTUVWXYZ(18px)
abcdefghijklmnopqrstuvwxyz0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(16px)
abcdefghijklmnopqrstuvwxyz0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(14px)
abcdefghijklmnopqrstuvwxyz0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(12px)
abcdefghijklmnopqrstuvwxyz0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(11px)
abcdefghijklmnopqrstuvwxyz0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(10px)
abcdefghijklmnopqrstuvwxyz0123456789

Tahoma

ABCDEFGHIJKLMNOPQRSTUVWXYZ(18px)
abcdefghijklmnopqrstuvwxyz0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(16px)
abcdefghijklmnopqrstuvwxyz0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(14px)
abcdefghijklmnopqrstuvwxyz0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(12px)
abcdefghijklmnopqrstuvwxyz0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(11px)
abcdefghijklmnopqrstuvwxyz0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(10px)
abcdefghijklmnopqrstuvwxyz0123456789

TimeNewsRoman

ABCDEFGHIJKLMNOPQRSTUVWXYZ(18px)
abcdefghijklmnopqrstuvwxyz0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(16px)
abcdefghijklmnopqrstuvwxyz0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(14px)
abcdefghijklmnopqrstuvwxyz0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(12px)
abcdefghijklmnopqrstuvwxyz0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(11px)
abcdefghijklmnopqrstuvwxyz0123456789

TrebuchetMS

ABCDEFGHIJKLMNOPQRSTUVWXYZ(18px)
abcdefghijklmnopqrstuvwxyz0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(16px)
abcdefghijklmnopqrstuvwxyz0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(14px)
abcdefghijklmnopqrstuvwxyz0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(12px)
abcdefghijklmnopqrstuvwxyz0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(11px)
abcdefghijklmnopqrstuvwxyz0123456789

Verdana

ABCDEFGHIJKLMNOPQRSTUVWXYZ(18px)
abcdefghijklmnopqrstuvwxyz0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(16px)
abcdefghijklmnopqrstuvwxyz0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(14px)
abcdefghijklmnopqrstuvwxyz0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(12px)
abcdefghijklmnopqrstuvwxyz0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(11px)
abcdefghijklmnopqrstuvwxyz0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(10px)
abcdefghijklmnopqrstuvwxyz0123456789

英文等宽字体

CourierNew

ABCDEFGHIJKLMNOPQRSTUVWXYZ(18px)
abcdefghijklmnopqrstuvwxyz0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(16px)
abcdefghijklmnopqrstuvwxyz0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(14px)
abcdefghijklmnopqrstuvwxyz0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(12px)
abcdefghijklmnopqrstuvwxyz0123456789

Hei

ABCDEFGHIJKLMNOPQRSTUVWXYZ(18px)
abcdefghijklmnopqrstuvwxyz0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(16px)
abcdefghijklmnopqrstuvwxyz0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(14px)
abcdefghijklmnopqrstuvwxyz0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(12px)
abcdefghijklmnopqrstuvwxyz0123456789

Monaco

ABCDEFGHIJKLMNOPQRSTUVWXYZ(18px)
abcdefghijklmnopqrstuvwxyz0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(16px)
abcdefghijklmnopqrstuvwxyz0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(14px)
abcdefghijklmnopqrstuvwxyz0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(12px)
abcdefghijklmnopqrstuvwxyz0123456789

simhei

ABCDEFGHIJKLMNOPQRSTUVWXYZ(18px)
abcdefghijklmnopqrstuvwxyz0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(16px)
abcdefghijklmnopqrstuvwxyz0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(14px)
abcdefghijklmnopqrstuvwxyz0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ(12px)
abcdefghijklmnopqrstuvwxyz0123456789

中文字体

宋体

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

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

微软雅黑

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

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

MingLiU11px中文字

11px清晰中文字体加粗中文字体(11px)

PMingLiU11px中文字

11px清晰中文字体加粗中文字体(11px)

常见11px使用范例:Tahoma,Verdana,Arial,PMingLiu,MingLiu

11px清晰中文字体加粗中文字体(11px)

MSUIGothic10px中文字

據說這種字體繁體中文會顯示得稍微好一點,但都看不怎麽清楚(10px)

别逗了好么

努力每一天,奋斗为明天。

文章 981 作品 25,341

热门作品

文章推荐

猜你喜欢

榜上有名

广告