UltKit

WOFFをOTFに変換

WOFFファイルの中身は、TrueTypeフォントかPostScript系のOpenTypeフォントのどちらかです。中身がPostScript系の場合、OTFに変換すると曲線もヒントもそのままの本来の形で取り出せます。

フォント変換

またはTTF, OTF, WOFF … ファイルをここにドロップ ·

1ファイルあたり最大95 MB· 最大20ファイルまで· 30分後に削除

出力

ファイルは当社のサーバーで処理され、30分後に削除されます。

このツールの使い方

  1. 1

    WOFFフォントをアップロード

    .woff ファイルを追加します。1回に最大20ファイル、1ファイルあたり95 MBまで対応しており、CFFとTrueTypeのWebフォントが混在していても問題ありません。

  2. 2

    変換先はOTFのまま

    変換先はOTFに設定されています。ヒンティングを「保持」にすると、WOFFに含まれていたPostScriptヒントがそのまま残ります。「自動ヒント」を選ぶと、ヒントのないフォントにヒントが追加されます。

  3. 3

    OTFに変換

    OTFに変換 を押してファイルを保存し、ダブルクリックでインストールします。デザイン系アプリはいったん閉じて開き直すと、フォントメニューが更新されます。

WOFFの元がOTFであれば、この変換は完全な展開になります。元がTTFの場合は、カーブが3次形式で書き直されますが、形状は保たれます。

WOFFからOTFへの変換結果はフォントの形式で変わります

2012年からW3C勧告となっているWOFF 1.0仕様が定めるのは、新しい種類のフォントではなくコンテナです。ヘッダーに格納するフォントのフレーバーを記録し、続いて各テーブルの圧縮後と元の長さを列挙します。印刷用書体の多くが基づくPostScriptでファミリーを描いたフォントメーカーは、Webライセンス向けにCFFフレーバーのWOFFを書き出しました。TrueTypeで制作したメーカーはもう一方を書き出しました。.woff という拡張子からは、どちらかは分かりません。

CFFフレーバーのファイルをOTFにする場合は、テーブルを展開して書き戻すだけなので、PostScriptヒントも残り、ヒンティングは「保持」が適切です。TrueTypeフレーバーのファイルでは、新しいCFFテーブルを作る必要があります。2次曲線は3次曲線に正確に変換されますが、TrueTypeの命令にはCFF側の対応物がないため削除されます。欠陥ではなく、そうしたファイルにはTTF出力を選ぶほうがよい理由というだけです。

  1. ヘッダーを読む

    テーブルに触れる前に、WOFFのシグネチャとフレーバーのフィールドを確認します。

  2. テーブルを展開する

    zlibで圧縮された各テーブルを展開し、チェックサムを検証します。

  3. OTFを書き出す

    CFFフォントはそのまま書き戻し、TrueTypeフォントには新しい3次のCFFテーブルを作成します。

OTTOタグでCFF形式のウェブフォントを見分ける方法

OTTOPostScriptアウトラインを持つWOFFの5〜8バイト目に格納されるフレーバータグ

TrueTypeフレーバーのWOFFでは、同じ位置にバイナリ値0x00010000が入ります。

このタグはOpenType自体に由来します。CFFアウトラインを持つデスクトップ用の .otf ファイルはすべて同じ4文字で始まり、WOFFはその値をヘッダーにコピーしているだけです。変換側がどちらでも読み取るため、アップロード前に確認する必要はありません。ただ、フレーバーが分かれば、このページとWOFFをTTFに変換のどちらを使うか選べますし、ヒント付きで届くファミリーとそうでないファミリーがある理由も説明できます。

新しい形式でも同じ選択があります。.woff2 ファイルもフレーバーを記録しており、フォント変換でも同様に処理されます。圧縮にはzlibの代わりにBrotliが使われます。

ウェブフォントをデスクトップで使う際のライセンス

WOFF

Web Open Font Format

WOFF は、Mozilla、Opera、Microsoft が作成したウェブフォント形式で、2012 年に W3C 勧告として公開されました。TrueType または OpenType のフォントデータを圧縮し、メタデータを付けて、ダウンロードを速くします。すべてのブラウザーが WOFF に対応していますが、圧縮率の高い WOFF2 に主役を譲っています。デスクトップ OS には WOFF フォントを直接インストールできません。

圧縮方式
可逆
透過
–
アニメーション
–
登場時期
2012 · W3C (Mozilla, Opera, Microsoft)
WOFF 変換

OTF

OpenTypeフォント

OTF は OpenType フォント形式で、1996年に Microsoft と Adobe が作成し、現在は ISO 規格 ISO/IEC 14496-22 になっています。TrueType または PostScript(CFF)のアウトラインを含められ、合字、代替字形、スモールキャップ、幅広い言語対応といった高度なタイポグラフィに対応しています。OpenType は主要なすべてのプラットフォームでプロ向けフォントの標準です。ウェブ向けに圧縮されていないため、ウェブサイトでは通常 WOFF2 が使われます。

圧縮方式
可逆
透過
–
アニメーション
–
登場時期
1996 · Microsoft and Adobe
OTF 変換

WOFFをOTFに変換すると、Web用に包まれたフォントをOpenTypeとしてデスクトップに戻せます。元がCFFフォントのWOFFであれば完全な展開となり、印刷やAdobeのワークフローに自然な選択です。

WOFFをOTFに変換:よくある質問

WOFFはOTFとTTFのどちらに変換すべきですか?

ファイル内部のアウトラインで判断します。ヘッダーがOTTOのWOFFはCFFアウトラインを持ち、カーブに手を加えずにOTFへ変換できます。TrueTypeアウトラインのWOFFでも問題なくインストールできますが、グリフを書き換えずに済むWOFFをTTFに変換のほうが向いています。

WOFFの中身がCFFかTrueTypeかを見分けるには?

先頭の8バイトを確認します。WOFFはすべてwOFFというシグネチャで始まり、続く4バイトがフレーバーを示します。CFFアウトラインならOTTO、TrueTypeならバイナリのバージョン番号1.0です。16進ビューアや、ターミナルの xxd -l 8 で確認できます。

変換後のOTFはフォントメーカーの元データと同じですか?

フレーバーがCFFであれば、機能面では同じです。アウトライン、ヒント、メトリクス、フィーチャーはそのままです。ファイルは展開したテーブルから再構築されるため、バイト列やテーブルの順序はフォントメーカーの元ファイルと異なる場合がありますが、表示には影響しません。

WOFFから変換したOTFはAdobe InDesignやIllustratorで使えますか?

はい。インストールすると、CFFアウトラインのOTFはAdobe自身のフォントライブラリと同じ種類のフォントとして扱われ、InDesignやIllustratorのフォント一覧に表示されます。グリフパネルやOpenTypeパネルでOpenTypeフィーチャーも使えます。

OTFがアップロードしたWOFFより大きくなるのはなぜですか?

WOFFはzlibで圧縮されていますが、OTFは圧縮されていないためです。デスクトップ用フォントはシステムが直接読み込めるよう非圧縮で保存されます。サイズが増えるのは想定どおりで、何かが追加されたわけではありません。