関連ページ

フォント形式の違い

  • 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

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です