# 11px的简/繁体中文清晰字体的css设置

- Link: https://yjyj.net/css/18.html
- Published: 2007-08-28T11:00:52+08:00
- Author: 小 虾

.cfont11 { font-size:11px; font-family:PMingLiU; }

📌 生猛大蝦编辑部 · 背景与实操延伸

这篇原文很短，但思路很实用：小字号中文排版的关键，不只是把 font-size 压到 11px，
而是要让字体本身适合屏幕显示。实操时要注意，不同系统和浏览器对字体渲染差异很大，
同一段 CSS 在不同环境下观感可能不一致。若页面对可读性要求高，建议先做多端对比，再
决定是否保留 11px 方案。

❓ 延伸问答与排错指南（FAQ）

11px 中文字体为什么容易看不清？

因为中文笔画密集，小字号下更容易出现发虚、粘连和边缘锯齿。解决思路通常是优先选更
适合屏显的小字号字体，再控制字号和行距，避免把内容压得过紧。

这段 CSS 适合直接用在什么场景？

适合需要节省版面空间的文字区域，比如注释、辅助说明、列表说明等。它的重点不是追求
大字号展示，而是在 11px 的紧凑排版里尽量保持中文可辨识度。

如果 11px 还是不够清晰怎么办？

可以先检查字体是否真的生效，再尝试更换为系统里更适合屏显的中文字体，并适当提高字号
到 12px 或 13px。很多时候，清晰度提升比强行压到更小字号更重要。

📚 【[前端杂烩](https://yjyj.net/category/css)】专栏延伸阅读与热门精选（[全站文章归档](https://yjyj.net/archive)）：

 * [JavaScript 点击按钮一键复制指定文本内容](https://yjyj.net/css/6419.html)
 * [给div来个酷炫的四角边框—linear-gradient](https://yjyj.net/css/6029.html)
 * [IE6下DIV高度显示的Bug](https://yjyj.net/css/336.html)
 * [图片缩放的问题](https://yjyj.net/css/461.html)
 * 热门必读[CSS 盒模型边界重叠 (Margin Collapse) 原理与解决方案](https://yjyj.net/css/3536.html)
 * 热门必读[css布局实例](https://yjyj.net/learn/3901.html)

## Comments

### By: 蝎子

- Link: https://yjyj.net/css/18.html/comment-page-1#comment-1006
- Published: 2008-09-18T03:22:19+08:00

能上网的操作系统又不是只有windows \=\_=

### By: 一七

- Link: https://yjyj.net/css/18.html/comment-page-1#comment-942
- Published: 2008-08-19T09:54:28+08:00

自从win98以后的系统就自带这个字体了;

### By: 小 虾

- Link: https://yjyj.net/css/18.html/comment-page-1#comment-39
- Published: 2007-11-03T16:30:36+08:00

吖…我以为是系统默认的字体

### By: 蝎子

- Link: https://yjyj.net/css/18.html/comment-page-1#comment-38
- Published: 2007-11-03T07:07:02+08:00

有的机子没装这个字体哦，就完蛋了。