小型大写字母
高度与小写字母相同的大写字形,CSS写法为font-variant: small-caps,Unicode在拉丁扩展区(ᴀ–ᴢ)中也有实际的小型大写字母。
What are Small Caps?
Small caps are uppercase letterforms rendered at approximately the height of the lowercase letters (x-height), rather than at full capital height. They provide the visual weight and distinction of capitals without the typographic dissonance of large uppercase letters interrupting the flow of lowercase text. Small caps are a typographic refinement used for abbreviations, acronyms, headings within body text, and certain stylistic purposes.
The key distinction is between true small caps and synthesized small caps. True small caps are specifically designed glyphs in the font, drawn at small-cap size with proportions, stroke weights, and spacing optimized for that size. Synthesized small caps are created by simply scaling down regular capital letters — the result has thinner strokes and tighter spacing than the surrounding text, creating a visually inconsistent (and typographically inferior) result.
True vs. Synthesized Small Caps
| Property | True Small Caps | Synthesized Small Caps |
|---|---|---|
| Source | Dedicated glyphs in font | Scaled-down capitals |
| Stroke weight | Matches text weight | Too thin relative to text |
| Letter spacing | Optimized for small size | Often too tight |
| Availability | OpenType fonts with smcp feature |
Any font (font renderer scales) |
| Quality | Professional | Acceptable only as fallback |
OpenType Small Caps Features
OpenType fonts can include multiple small-cap variants:
smcp— Converts lowercase letters to small capsc2sc— Converts uppercase letters to small capspcap— Petite caps (even smaller, at cap-height of lowercase)
/* CSS for true OpenType small caps */
p.lede {
font-variant-caps: small-caps;
/* or specifically enable smcp feature: */
font-feature-settings: "smcp" 1;
}
/* All caps to small caps (c2sc + smcp together) */
abbr {
font-variant-caps: all-small-caps;
font-feature-settings: "smcp" 1, "c2sc" 1;
}
Typographic Uses of Small Caps
- Abbreviations and acronyms: NASA, CEO, HTML — setting these in small caps prevents them from shouting out of the text
- Roman numerals: Chapter xi, Volume iv
- Running heads: section titles in smaller text within body copy
- Initial caps: a drop cap followed by small caps for the rest of the first line
- Names in bibliographies: Author names often set in small caps
- Time designations: 9:30 am, 100 bc, ad 476
Small Caps and Unicode
Unicode does not encode a "small caps" as a text property — it is purely a typographic/OpenType concept. However, the Unicode Letterlike Symbols and Mathematical Alphanumeric Symbols blocks do contain characters that look like small caps, used in mathematical notation and informal internet stylization:
| Small-cap lookalike | Unicode | Original |
|---|---|---|
| ᴀ | U+1D00 | A |
| ʙ | U+0299 | B |
| ᴄ | U+1D04 | C |
| ɢ | U+0262 | G |
These are IPA phonetic characters, not true small caps for general text use.
Quick Facts
| Property | Value |
|---|---|
| Height | Approximately x-height (lowercase height) |
| OpenType feature (lowercase→sc) | smcp |
| OpenType feature (uppercase→sc) | c2sc |
| CSS property | font-variant-caps: small-caps |
| CSS all-small-caps | font-variant-caps: all-small-caps |
| True vs. synthesized | True = dedicated glyphs; synthesized = scaled capitals (inferior) |
| Best fonts for small caps | Garamond Premier Pro, Minion Pro, EB Garamond, Cormorant |
| Unicode IPA small-cap A | U+1D00 ᴀ (not for general use) |
相关术语
排版印刷 中的更多内容
CSS @font-face descriptor specifying which Unicode code points a font should cover. …
The mechanism by which a rendering engine substitutes glyphs from a secondary …
Modern font format developed by Microsoft and Adobe supporting up to 65,535 …
字符从右向左流动的文本方向,用于阿拉伯语、希伯来语、塔阿纳等文字,正确显示需要双向算法。
Fonts downloaded by the browser to render text, declared via CSS @font-face. …
U+00A0,防止在该位置换行的空格。HTML中为 ,用于数字与单位之间(100 km)、专有名词(Mr. Smith)和缩写之后。
全角(Em):等于字号的宽度;半角(En):全角的一半,用于定义全角破折号宽度、全角空格、半角空格和CSS单位(1em、0.5em)。
附加在字母上以改变发音或意义的符号,可以是预组合形式(é U+00E9)或组合形式(e + ◌́ U+0065+U+0301),包括重音、变音符、软音符和波浪号等。
特定大小、字重和样式的字型实现,在数字排版中指包含字形定义和度量的字体文件(TTF、OTF、WOFF2)。
字体渲染的字符视觉表现形式。一个字符可有多个字形(连字、上下文形式),一个字形也可表示多个字符。