スモールキャップ(small caps)またはスモールキャピタル(small capitals)は、欧文アルファベットの大文字を小文字のエックスハイト程度に小さくデザインしたグリフをいいます。頭字語などで使われます。スモールキャップは大文字をただ縮小したものではなく、太さや形がほかのアルファベットと調和するようデザインされています。スモールキャップを持っていないフォントもあります。
CSSでスモールキャップを使うにはfont-variant-caps
プロパティにsmall-caps
を指定します。初期値はnormal
で、スモールキャップが無効になっています。
abbr {
font-variant-caps: small-caps;
}