プロフェッショナルセリフフォントスタック
外部フォント依存なしで、エディトリアルコンテンツ、長文読書、伝統的なタイポグラフィのためのWebセーフセリフフォントスタック。
Web-Safe Stacks
詳細な説明
プロフェッショナルセリフスタック
セリフフォントは長文コンテンツに権威性と可読性を加えます。よく構築されたセリフスタックは、お好みのWebフォントが利用できない場合でもエディトリアルデザインを維持します。
宣言
font-family: Charter, "Bitstream Charter", "Sitka Text",
Cambria, Georgia, "Times New Roman", Times, serif;
フォント別詳細
| フォント | 利用可能な環境 |
|---|---|
| Charter | macOS(バンドル)、一部のLinuxディストロ |
| Bitstream Charter | Linux(フリー、広くパッケージ化) |
| Sitka Text | Windows 10 / 11 |
| Cambria | Windows Vista+(ClearType最適化) |
| Georgia | すべての主要OS(画面用に設計) |
| Times New Roman | ユニバーサルフォールバック |
| Times | macOSでのTimes New Romanのエイリアス |
| serif | 汎用キーワード |
なぜCharterが最初なのか?
Matthew Carter作のCharterは、画面読書用に最適に設計されたフォントの一つです。大きなx-height、開いたカウンター、低解像度でもきれいに表示されるよう特別に設計されています。
Georgia vs Times New Roman
Georgiaは画面用に特別に設計され、Times New Romanは1930年代に印刷用に設計されました。Georgiaはx-heightが大きく、文字幅が広いため、画面の本文サイズではるかに読みやすくなります。スタックでは常にGeorgiaをTimes New Romanの前に配置してください。
行間の推奨
セリフフォントは一般的にサンセリフよりも多くのline-heightが必要です。このスタックの本文テキストにはline-height: 1.6〜1.8を目指してください。
ユースケース
ブログ、オンラインマガジン、学術論文、法律文書、可読性と権威性が重要なあらゆる長文コンテンツに最適です。