フォント

フォント形式の違い

• True Type：互換性を重視する場合 (バージョンが古い DTP アプリケーションを継続して使用している場合など)
• Open Type：拡張性を重視する場合 (十分に新しいバージョンのアプリケーションを使用している場合はこちらで良い)

※True Type の場合、Windows 用フォントと Mac OS 用フォントに互換性がないので注意。

参考：

TrueType と OpenType | fontnavi

TrueType フォントと OpenType フォントの違いを教えて下さい | ダイナコムウェア株式会社

TrueType と OpenType の違い | adLive.Co

TrueType と OpenType の見分け方と違い | NineCe

OpenType と TrueType の違い | NIS Font

ウェイト／太さ

• Thin / Hairline
• Extra Light / Ultra Light
• Light
• Regular / Normal
• Medium
• Semi Bold / Demi Bold
• Bold
• Extra Bold / Ultra Bold
• Heavy / Black
• Extra Black / Ultra Black

参考：

font-weight | MDN

フォントの太さについて | NIS Font

フォントの太さ (ウェイト) 表記 | fontnavi

FontWeights Class | Microsoft Docs [Official]

usWeightClass | Microsoft Docs [Official]

Google Fonts

参考：

Dosis | Google Fonts

Libre Baskerville | Google Fonts

Limelight | Google Fonts

Nerd Fonts

参考：

Nerd Fonts – Iconic font aggregator, collection, and patcher [Official]

Cheat Sheet | Nerd Fonts [Official]

ryanoasis/nerd-fonts: Iconic font aggregator, collection, and patcher. 40+ patched fonts, over 3,600 glyph/icons, includes popular collections such as Font Awesome & fonts such as Hack – GitHub

ryanoasis/nerd-fonts Wiki – GitHub

サブセットフォント

参考：

Ruby on Rails で webfont をサブセット化して、assets 以下で読み込む方法 | Rplay