最近更新的页面

适合谁看：要把前面几页的中文排版规则落到网页上的前端开发者。 浏览器支持数据来自 MDN 兼容性表，截至 2026 年 10 月；上线前请到 MDN 再确认一次。 一份起步样式 html:lan...

适合谁看：做儿童读物、语文教材、对外汉语材料，需要给汉字标拼音或注音的设计师和开发者。 行间注 标在字旁边的小字叫「行间注」，在网页和排版软件里一般叫 ruby。clreq 总结的中文用途主要是...

适合谁看：做古籍、诗词、书法风格或传统风格的版面，需要竖排中文的设计师和开发者。 竖排和横排的区别 clreq 列出的主要差异： 项目 竖排 横排 文字方向 从上到下 从左到右 行的方向 从右到...

适合谁看：要处理引号样式、书名号或强调方式的编辑、设计师和开发者。 引号 地区 横排 竖排 嵌套顺序 中国大陆 弯引号 “ ” ‘ ’ 直角引号『 』「 」 先双后单 台湾 直角引号「 」『 』...

适合谁看：排书籍、长文章或网页正文，想让段落看起来「像中文书」的编辑、设计师和开发者。 段首缩进两个字 clreq 说明：中文出版物段首缩进以两个汉字为标准；多栏、每栏字数少的杂志，有时只缩一个...

适合谁看：中文里常夹着英文、数字，想知道该不该加空格、怎么加的人。 怎么挑搭配的西文字体，见《中文字体怎么搭配：标题、正文和中西文混排》。本页讲间距和摆放的规则。 间距：不超过四分之一个字 cl...

适合谁看：发现段落里有标点跑到行首，想知道规则和处理办法的编辑、设计师和开发者。 什么是禁则 为了阅读顺畅，很多标点不能出现在行首或行尾。这项规则从活字排版时代就开始通行。clreq 把它分为四...

适合谁看：觉得中文段落里标点「空得太多」，想知道怎么收紧的设计师和开发者。 为什么要挤压 中文标点（除省略号、破折号等占两格的以外）通常占一个汉字的宽度，但字形只占其中一半左右，另一半是空白。两...

适合谁看：同时处理简体、繁体内容，或者发现标点「位置不对」的设计师、编辑和开发者。 点号和标号 clreq 依照《标点符号用法》（GB/T 15834—2011）把中文标点分为两类： 点号：表示...

适合谁看：刚开始做中文书籍、文章、网页排版，想先建立整体概念的设计师、编辑和前端开发者。 本书主要依据 W3C 发布的《中文排版需求》（Requirements for Chinese Text...

适合谁看：关注网页字体新技术、想知道哪些现在能用、哪些还要等的开发者。 可变字体：现在就能用 可变字体（Variable Font）把一个家族的多个字重（以及宽度、倾斜等）放进一个文件，用「轴」...

适合谁看：网页字体「好像没用上」「只有部分字变了」「变粗了」，想自己查原因的开发者。 文风网页字体的专门问答见《开发常见问题》。本页是通用的排查顺序，自托管、第三方字体也适用。 1. 看渲染字体...

适合谁看：打算把字体文件放在自己服务器上做网页字体的开发者、站长和企业法务。 网页字体是一种「分发」 网页字体的原理是让访客的浏览器下载字体文件。从许可的角度看，你在把字体文件提供给每一位访客。...

适合谁看：准备在网站上用文风网页字体，想一次把关键做法看全的开发者和站长。 本页是要点汇总，细节在《文风开发者文档》各页。 地址 https://cn.windfonts.com/fonts-p...

适合谁看：要给中文网站写 font-family 的前端开发者，不管有没有用网页字体。 字体栈是什么 font-family 可以写一串字体名，浏览器从左到右找，逐个字符判断：第一个字体里没有...

适合谁看：用了 font-display: swap，但字体换上来时页面「跳一下」，想减少布局偏移（CLS）的开发者。 为什么会跳 备用字体和网页字体的字宽、上下留白不同。换字体时，一行能放下...

适合谁看：已经能用上网页字体，想让首屏更快、闪动更少的前端开发者。 font-display 怎么选 取值 等待字体（期间不显示文字） 换成新字体的时机 适合 auto 由浏览器决定，常见是 ...

适合谁看：自己写 @font-face、或自己部署多字重字体的开发者。 @font-face 写错了，浏览器多半不会报错，只会悄悄用错字体、自己加粗，或者多下载文件。下面是几条容易忽略的正确写...

适合谁看：内容不固定（博客、社区、电商），想把整款中文字体拆成很多小片、按需加载的开发者。 分片和子集的区别 子集：只留下一部分字，其他字不要了。 分片：一个字也不丢，把整款字体切成很多片，每片...

适合谁看：想把一款字体裁成只含页面用到的字、转成 WOFF2 自己部署的开发者。 先确认许可允许修改和网页使用，见《自托管网页字体的许可要点》。 准备 pyftsubset 是 fontTool...