TTFをOTFに変換
TTFをOTFに変換すると、グリフはTrueTypeの2次曲線から、CFFフォントで使われるPostScriptの3次曲線に書き換えられます。アウトラインが正確に引き継がれる数少ないフォント変換の一つです。そのため実際に検討すべきなのは、ヒンティングの扱いと、そもそも変換が必要かどうかです。
フォント変換
またはTTF, OTF, WOFF … ファイルをここにドロップ ·
1ファイルあたり最大95 MB· 最大20ファイルまで· 30分後に削除
ファイルは当社のサーバーで処理され、30分後に削除されます。
使わない文字種を削除すると、Webフォントを数百KBから30 KB未満まで小さくできる場合があります。パソコンにインストールするフォントでは、すべての文字を残してください。
フォントに含める必要がある文字列を貼り付けてください(ロゴの文字や見出しなど)。それ以外は削除されます。
ヒントは、Windowsの画面で小さな文字をくっきり見せます。削除すると、Webフォントでは10–30%小さくなることがよくあります。自動ヒントは、ヒントのないフォントに追加します。
空欄なら元の名前を保ちます。名前を変えると、元のフォントと競合せずに変換後のフォントを並べてインストールできます。
例:Regular、Bold、Italic。空欄なら元のスタイル名を保ちます。
このツールの使い方
- 1
TrueTypeフォントをアップロード
ttfファイルまたはTTCコレクションを追加します。1回に最大20ファイル、1ファイルあたり95 MBまで対応しています。コレクション内の各スタイルは、それぞれ個別のOTFになります。
- 2
ヒンティングの扱いを決める
変換先はOTFに設定されています。詳細設定のヒンティングを「Auto-hint」にすると、新しいアウトライン用にPostScriptヒントが生成されます。「Remove」を選ぶとヒントは付きません。
- 3
OTFに変換
OTFに変換を押して、フォントをダウンロードします。1つのファミリーが二重に認識されないよう、OTF版をインストールする前にTTF版をアンインストールしてください。
TTFからOTFへの変換は劣化しませんか?
アウトラインは劣化しません。TrueTypeの2次曲線はCFFの3次曲線に正確に変換されます。TrueTypeのヒンティング命令は引き継がれないため、新しいヒントが必要な場合はAuto-hintを選んでください。それ以外は初期設定のままで問題ありません。
TrueTypeのTTFとCFFベースのOTFの違い
TrueTypeアウトライン
1991年に登場したAppleの形式で、glyfテーブルに格納されます。
- 2次ベジェ曲線で、1セグメントにつき制御点は1つ
- ヒンティングはグリフごとのバイトコード命令
- 従来は1emあたり2,048単位のグリッド
- バリアブルフォントで最も一般的な形式
CFF(PostScript)アウトライン
OpenType内のAdobeのCompact Font Formatで、1996年にMicrosoftと共同で導入されました。
- 3次ベジェ曲線で、1セグメントにつき制御点は2つ
- ステムとゾーンの宣言型ヒントで、残りはラスタライザーが処理
- 通常は1emあたり1,000単位のグリッド
- サブルーチンによりファイルを小さくできる
この2つの形式は、対立する技術から生まれました。AppleはMacがAdobeのPostScript Type 1フォントのライセンスに頼らずに済むようTrueTypeを開発し、MicrosoftがそれをWindows向けにライセンス供与しました。1996年にMicrosoftとAdobeが共同でOpenTypeを発表すると、新しい形式は同じコンテナで両方のアウトラインを扱えるようになりました。そのため、OTFとTTFは同じ方法でインストールでき、同じ機能を共有しています。Adobeは2023年1月に自社アプリでの旧Type 1形式のサポートを終了し、代わりにCFFアウトラインのOTFを推奨しています。
変換では方向が重要です。2次曲線のセグメントは3次曲線の特殊なケースなので、TrueTypeの曲線はすべて形を変えずにCFFへ書き換えられます。emサイズはそのまま保たれ、カーニング、合字、スモールキャップなどのレイアウト機能は、アウトラインに依存しないテーブルにあるため、そのままコピーされます。フォントをWebサイトで使うだけなら、アウトラインの種類は関係ありません。役に立つのはTTFをWOFF2に変換です。
TTFをOTFに変換すると何が変わるか
| フォントの要素 | TTFでは | OTFでは |
|---|---|---|
| アウトライン | `glyf`内の2次曲線 | `CFF`内の3次曲線(形は同じ) |
| ヒンティング | TrueType命令 | 破棄されます。Auto-hintなら新しいステムヒントを作成 |
| レイアウト機能 | GSUBテーブルとGPOSテーブル | そのままコピー |
| 名前 | `name`内のファミリー名とスタイル名 | そのまま保持、または**ファミリー名**と**スタイル名**で置き換え |
| ファイルサイズ | 基準 | 多くは同程度で、フォントによって異なります |
TTFフォントをOTFに置き換える前に
事前に知っておきたいこと
- 文書はフォントを名前で記憶しているため、TTFをOTFに置き換えてもそのまま使えます。
- Windowsでは、ヒンティングの変更で画面上の幅の丸め方が変わり、改行位置がわずかにずれることがあります。
- 変換しても、ライセンスが新しい用途やほかのコンピューターに拡大されるわけではありません。
- CFFフォントを受け付けないツールに備えて、元のTTFをマスターとして保管してください。
TTF
TrueTypeフォント
TTFは、1980年代後半に Apple が開発して1991年にリリースし、のちに Microsoft にライセンスされた TrueType フォント形式です。2次曲線で字形のアウトラインを定義し、画面上で文字をくっきり見せるヒンティング命令を含みます。すべてのデスクトップOS、ワープロソフト、デザインアプリが対応しています。OpenType にある高度な組版機能の一部はなく、Webフォント形式よりサイズも大きくなります。
- 圧縮方式
- 可逆
- 透過
- –
- アニメーション
- –
- 登場時期
- 1991 · Apple
OTF
OpenTypeフォント
OTF は OpenType フォント形式で、1996年に Microsoft と Adobe が作成し、現在は ISO 規格 ISO/IEC 14496-22 になっています。TrueType または PostScript(CFF)のアウトラインを含められ、合字、代替字形、スモールキャップ、幅広い言語対応といった高度なタイポグラフィに対応しています。OpenType は主要なすべてのプラットフォームでプロ向けフォントの標準です。ウェブ向けに圧縮されていないため、ウェブサイトでは通常 WOFF2 が使われます。
- 圧縮方式
- 可逆
- 透過
- –
- アニメーション
- –
- 登場時期
- 1996 · Microsoft and Adobe
TTFからOTFへの変換は、TrueTypeの2次曲線アウトラインを、CFFフォントのPostScript系3次曲線アウトラインに置き換えるものです。OTFで統一しているワークフローに合わせる目的で使われることが多く、逆方向と違って曲線は正確に変換されます。
TTFからOTFへの変換に関するよくある質問
OTFはTTFより品質が高いのですか?
どちらが優れているということはありません。同じデザインで丁寧に作られたTTFとOTFなら、印刷結果は同じで、どちらもOpenTypeの全機能に対応しています。フォントの品質差は、字形の描画と字間の調整によるもので、アウトラインの種類によるものではありません。
TTFをOTFに変換すると文字の形は変わりますか?
いいえ。2次曲線はすべて3次曲線として正確に表せるため、TrueTypeのアウトラインはどれも近似なしでCFFに変換できます。逆方向のOTFをTTFに変換のほうは、近似が必要になります。
TTFをOTFに変換するのはどんなときですか?
多くの場合は要件に合わせるためです。ブランドガイドライン、タイプライブラリ、CFFフォントで統一している印刷ワークフローなどが当てはまります。Illustratorで使われる曲線と同じ3次曲線のほうが、フォントツールでの編集に向いていると考えるデザイナーもいます。
OTFに変換してもTrueTypeのヒンティングは残りますか?
いいえ。TrueTypeの命令はTrueTypeラスタライザー向けの小さなプログラムで、CFFには同等のものがありません。Auto-hintを選ぶと新しいPostScriptステムヒントが作成されます。これは主にWindowsでの小さな文字の表示で効果があります。
変換したOTFはCricut Design SpaceやCanvaで使えますか?
Cricut Design Spaceはコンピューターにインストールされているフォントを使います。TTFもOTFも同じ方法でインストールできるので、OTFもほかのシステムフォントと同じように表示されます。CanvaのブランドキットへのアップロードはOTF、TTF、WOFFファイルに対応しています。
- OTFをTTFに変換OpenTypeのOTFフォントを、TTFしか表示しないアプリ向けにTrueTypeのTTFへ変換。3次曲線やPostScriptヒントがどうなるか、自動ヒンティングが必要な場面も解説します。
- WOFFをOTFに変換WOFFウェブフォントをOpenTypeのOTFに変換。CFF形式のWOFFはそのまま復元し、TrueType形式のものは3次曲線で書き換えます。まず中身の形式を確認しましょう。
- TTFをWOFF2に変換TrueTypeフォントをBrotli圧縮のWOFF2 Webフォントに変換し、そのまま使える@font-faceルールも作成します。ラテン文字やカスタムのサブセット化でさらに軽量化できます。
- WOFF2をTTFに変換WOFF2のWebフォントをWindows、macOS、Word、Figmaで使えるTrueType(TTF)に変換。一部のWebフォントで文字が欠ける理由も解説します。
- TTFをSVGに変換TrueTypeフォントを、全グリフをSVGパスデータで持つSVGフォントに変換します。アイコンフォント作成ツール、Inkscape、旧来のWebフォントキット向けです。まず違いをご確認ください。