メインコンテンツにスキップ

フォント形式

異なるフォント形式とその用途について学びましょう

対応者:Supriya Bisht
今日アップデートされました

フォント形式とは、フォントデータを含むフォントファイルのことです。フォントデータとは、文字や記号がどのように見え、どのように振る舞うべきかに関する情報のことです。

例えば、画像を保存する.jpgファイルや音楽を保存する.mp3ファイルのように、フォントファイルはフォントデータを保存します。

このセクションでは以下について理解することができます:

  • フォント形式とその用途

  • 異なるタイプのフォント形式

  • デスクトップフォントとウェブフォントの違い

  • Monotype Fontsで利用可能なフォント形式

フォント形式とは?

フォント形式とは、フォントの仕様を含むファイルのことです。この仕様には、文字(グリフ)の視覚デザイン、タイポグラフィのメトリック、リガチャやスタイリスティックな代替文字などのオプション機能が含まれます。これらの仕様により、デジタル環境や印刷環境で一貫したテキスト表示が可能となります。

特定の用途、例えばSaaS環境でフォントを展開する場合には、サーバーライセンスが必須です。このライセンスは使用権を遵守し、サーバーアプリケーションに適したフォント形式を提供します。

異なるフォント形式の主な違いは、その用途に基づいています。例えば、デスクトップフォントはWordやPhotoshopのようなアプリケーションで使用するためにコンピュータにインストールされる一方、ウェブフォントはウェブサイトで使用するために設計されており、CSSを通じてウェブブラウザに配信されます。

さらに、購入するライセンスの種類に応じて提供されるフォントファイルの形式が決まります。例えば、ウェブフォントライセンスではWOFFおよびWOFF2形式のフォントが提供され、デスクトップライセンスではTTFまたはOTF形式のインストール可能なフォントファイルが提供されます。

異なるタイプのフォント形式

フォント形式は、文字を保存しレンダリングする方法に基づいて主に3つのタイプに分類されます:

  • ビットマップフォント(ラスターフォント)

  • ストロークフォント(ベクターフォント)

  • アウトラインフォント(スケーラブルフォント)

フォント形式の種類

説明

用途

ビットマップフォント(ラスターフォント)

ピクセルベースで解像度依存のフォント形式です。

Chicago、Fixedsys、VGAフォント

レガシーシステム、コマンドラインインターフェイス、組み込みデバイス

ストロークフォント(ベクターフォント)

ラインや曲線を使用して文字を定義し、データ量が少ないフォント形式です。

Hersheyフォント、CADテキストフォント

技術図面、CADソフトウェア、ベクタープロット

アウトラインフォント(スケーラブルフォント)

各文字(グリフ)が数学的アウトラインで定義され、どのサイズにもスケールできるデジタルフォントです。

Adobe Garamond、Helvetica Neue(Type 1)、Arial、Calibri、Roboto、Roboto Flex

ウェブデザイン、デスクトップパブリッシング、ブランディング、UI/UX

デスクトップフォントとウェブフォントの違い?

以下の表は、デスクトップフォントとウェブフォントの違いを示しています。

デスクトップフォント

ウェブフォント

目的

コンピュータ上のアプリケーション(Microsoft Word、Adobe Photoshopなど)での使用を目的としています。

ウェブサイトでの使用を目的とし、ユーザーのブラウザによってレンダリングされます。

インストール

ユーザーのコンピュータにローカルでインストールされます。

ユーザーのコンピュータにインストールされることはなく、ウェブサーバーから配信され、必要に応じてユーザーのブラウザにダウンロードされます。

ファイル形式

OpenType(.otf)またはTrueType(.ttf)。

Web Open Font Format(WOFF)またはWOFF2(ウェブ用に最適化)。

ライセンス

デスクトップフォントライセンスは、印刷や静的画像形式で使用するためにコンピュータにフォントをインストールすることを許可します。

ウェブフォントライセンスは、ウェブサイトにフォントを埋め込むことを許可します。

実装方法

ワードプロセッサ、デザインソフトウェア、開発環境などのアプリケーションで使用できるように、コンピュータシステムにフォントをインストールおよび管理します。

CSSの@font-faceルールを使用して、ウェブサイトで使用するフォントを指定します。

用途

パンフレット、チラシ、ロゴ、ウェブサイトモックアップ、看板、その他の資料作成。

ウェブサイトでのテキスト表示に使用され、異なるデバイスやブラウザ間で一貫したタイポグラフィを実現します。

Monotype Fontsがサポートするフォントファイル形式

Monotype Fontsがサポートするフォント形式は以下の通りです:

ファイル形式

フォント形式

フルフォーム

説明

.otf

OTF

OpenType Font

OpenTypeは最も一般的なモダンフォーマットのフォントです。OTFファイルはCompact Font Format(CFF)フレーバーでも提供されることがあります。

.ttf

TTF

TrueType Font

TrueType形式は1980年代に誕生し、現在でもデスクトップソフトウェアで広くサポートされています。

.woff

WOFF

Web Open Font Format

TrueTypeやOpenTypeフォントのラッパーフォーマットです。ファイルを圧縮し、すべてのモダンブラウザでサポートされています。

.woff2

WOFF2

Web Open Font Format 2

WOFFのアップデート版で、元のフォーマットよりもさらに最適化されています。

.otf

OTF with CFF outlines

OpenType Std (CFF)

Std(Standard)は基本的な文字セット(西ヨーロッパ言語など)を含みます。PostScriptアウトライン(CFF)を使用し、印刷に最適です。

.otf

OTF with CFF outlines

OpenType Pro (CFF)

Pro(Professional)は追加の文字セットやタイポグラフィ機能のサポートを含む場合があります。

.ttf

OpenType with TrueType outlines

OpenType Pro (TTF)

OpenType Pro(CFF)と同様の拡張文字セットとタイポグラフィ機能を備えています。TrueTypeアウトライン(2次ベジエ曲線)を使用し、画面表示に最適化されています。

.ttf

OpenType Std (TTF)

OpenType Standard with TrueType outlines

基本的なラテン文字セットが必要で、UIやウェブの一般的なプロジェクト向けに適しています。例:Arial Std。


推奨記事

こちらの回答で解決しましたか?