跳到主要内容
大鲸鱼

字体预览

选择字体族、字号与字重,实时预览文字效果,全部在浏览器本地完成。

网页字体参考

整理了各种 WEB 常用字体的显示样式,便于对比字母、数字与中文字体效果

网页常用字体

英文非等宽字体

英文等宽字体

中文字体

关于网页字体

网页字体参考页汇总了英文非等宽、英文等宽与中文字体族,并按常见字号展示样例文本。开发时可据此选择合适的 font-family 与字号,注意小字号中文在部分字体下可能显示不清,需结合目标用户设备实际效果调整。

常见问题

这个页面有什么用?
整理了网页开发中常用的中英文字体族,按不同字号展示字母、数字与中文样例,便于对比各字体在浏览器中的实际显示效果。
字体显示不一致怎么办?
不同操作系统预装字体不同,本页展示的是当前设备上可用字体的渲染结果;若某字体未安装,浏览器会自动回退到备用字体。
如何在自己的页面中使用?
在 CSS 中为元素设置 font-family,例如 font-family: Arial, Helvetica, sans-serif; 即可引用对应字体族。
有问题点击我留言

意见反馈

问题类型