《2016年3月5日 11:30 公開/更新》 スモールキャップ(先頭は大きな大文字・続く文字は小さな大文字)を作るfont-variantプロパティ [テキスト] 英語には「先頭だけを大きな大文字」で掲載し、続く文字を(小文字ではなく)「小さな大文字」で表示する「スモールキャップ」というデザイン方法があります。このような「スモールキャップ」は、CSSのfont-variantプロパティを使うことでフォントサイズを自力で調整することなく簡単に実現できます。 スモールキャップ(先頭は大きな大文字・続く文字は小さな大文字)のデザインを作るCSS スモールキャップを作るfont-variantプロパティの書き方 スモールキャップ表示例を作るHTML+CSSサンプルソース スモールキャップ(先頭は大きな大文字・続く文字は小さな大文字)のデザインを作るCSS 英語には「スモールキャップ」というデザイ