WOFF2をTTFに変換
.woff2ファイルはブラウザ向けに圧縮されたフォントで、デスクトップのOSではインストールできません。TTFに戻すと通常のTrueTypeテーブルが復元され、Windows、macOS、デザインアプリでフォントを読み込めるようになります。
フォント変換
またはTTF, OTF, WOFF … ファイルをここにドロップ ·
1ファイルあたり最大95 MB· 最大20ファイルまで· 30分後に削除
ファイルは当社のサーバーで処理され、30分後に削除されます。
使わない文字種を削除すると、Webフォントを数百KBから30 KB未満まで小さくできる場合があります。パソコンにインストールするフォントでは、すべての文字を残してください。
フォントに含める必要がある文字列を貼り付けてください(ロゴの文字や見出しなど)。それ以外は削除されます。
ヒントは、Windowsの画面で小さな文字をくっきり見せます。削除すると、Webフォントでは10–30%小さくなることがよくあります。自動ヒントは、ヒントのないフォントに追加します。
空欄なら元の名前を保ちます。名前を変えると、元のフォントと競合せずに変換後のフォントを並べてインストールできます。
例:Regular、Bold、Italic。空欄なら元のスタイル名を保ちます。
このツールの使い方
- 1
WOFF2ファイルをアップロード
パソコンにある .woff2 フォントを選択します。一度に最大20ファイル、1ファイルあたり95 MBまで追加できます。PostScript アウトラインのフォントも使えます。
- 2
変換先はTTFのまま
変換先はTTFに設定されています。変換後にWindowsで小さな文字が粗く見える場合は、詳細設定のヒンティングを「オートヒント」にして、もう一度変換してください。
- 3
変換してインストール
TTFに変換を押してファイルをダウンロードし、下記の手順でインストールします。開いているアプリは再起動すると、新しいフォントが認識されます。
WindowsとmacOSがインストールできるのはTTFとOTFだけです。デスクトップアプリで使うには、WOFF2をTrueTypeに展開する必要があります。
WOFF2をTTFに変換してWebフォントをオフラインで使う
WOFF2に出会うのは、たいてい次の3つのいずれかです。Webサイト用に購入したフォントキットにWeb形式しか入っていない場合、自分でホストしているプロジェクトフォルダーから元のTTFがなくなった場合、ブラウザーの開発者ツールのネットワークパネルでサイトを調べている場合です。どの場合も、中身はデスクトップフォントと同じTrueTypeまたはOpenTypeのデータで、2018年にW3Cが定めたコンテナー内でBrotli圧縮されています。ダブルクリックしても何も起こらず、拡張子を .ttf に変えても、インストーラーに無効と判定されるファイルになるだけです。
このページではテーブルを展開し、標準的な .ttf として書き出します。変換後に気づく点が2つあります。Webフォントはサブセット化されていることが多く、英語サイト用のファイルにはアクセント付き文字やキリル文字、一部の記号が含まれないことがあります。また、多くのWebフォントはバイト数を減らすためにヒンティングが削除されています。スマートフォンでは気になりませんが、古いWindowsモニターでは9~11ptの文字が不揃いに見えることがあります。ヒンティングを「オートヒント」にすると、新しい命令が生成されます。ファイルの拡張子が2のない .woff の場合は、zlib圧縮で同じように変換できるWOFFをTTFに変換をご利用ください。
変換したTTFをWindows・Mac・Linuxにインストールする方法
Windows 10・11
- 01.ttf ファイルを右クリックします。
- 02自分のアカウント用ならインストール、全ユーザー用ならすべてのユーザーに対してインストールを選びます。
- 03または、設定 › 個人用設定 › フォントにファイルをドラッグします。
macOS
- 01.ttf をダブルクリックして、Font Bookのプレビューを開きます。
- 02インストールをクリックします。
- 03ファイルの検証に失敗した場合は、Font Bookが問題を表示します。
Linux
- 01ファイルを
~/.local/share/fontsにコピーします。 - 02ターミナルで
fc-cache -fを実行します。 - 03アプリを開き直すと、ファミリーが表示されます。
WOFF2とTTFが使える場面
| 対象 | TTF | WOFF2 |
|---|---|---|
| Windowsのフォントインストーラー | 対応 | 非対応 |
| macOSのFont Book | 対応 | 非対応 |
| Word、PowerPoint、Photoshop、Figma | インストール後に対応 | 非対応 |
| @font-face によるWebページ | 対応(ダウンロードは大きめ) | 対応(推奨) |
| AndroidおよびiOSのアプリバンドル | 対応 | 非対応 |
誤解拡張子を .woff2 から .ttf に変えれば、フォントが変換される。
事実ファイルはBrotli圧縮のままなので、インストーラーに拒否されます。テーブルをデコードして、書き出し直す必要があります。
誤解WOFF2は画質の劣る、品質の低いフォントのコピーである。
事実圧縮は可逆です。グリフが足りない、小さいサイズで粗く見えるといった問題は、形式ではなくサブセット化やヒントの削除が原因です。
誤解ファイルを変換すれば、デスクトップで使うライセンスが得られる。
事実ライセンスは拡張子ではなく書体に付随します。Web専用フォントをインストールする前に、使用許諾契約(EULA)を確認してください。
WOFF2
Web Open Font Format 2
WOFF2 は Web Open Font Format の第 2 版で、Google の Brotli 圧縮をベースにし、2018 年に W3C 勧告として公開されました。ファイルは WOFF より約 30% 小さく、ページの表示が速くなります。最近のブラウザーはすべて WOFF2 に対応しており、ウェブフォントの推奨形式です。デスクトップ OS やデザインアプリには直接インストールできません。
- 圧縮方式
- 可逆
- 透過
- –
- アニメーション
- –
- 登場時期
- 2018 · W3C (Google)
TTF
TrueTypeフォント
TTFは、1980年代後半に Apple が開発して1991年にリリースし、のちに Microsoft にライセンスされた TrueType フォント形式です。2次曲線で字形のアウトラインを定義し、画面上で文字をくっきり見せるヒンティング命令を含みます。すべてのデスクトップOS、ワープロソフト、デザインアプリが対応しています。OpenType にある高度な組版機能の一部はなく、Webフォント形式よりサイズも大きくなります。
- 圧縮方式
- 可逆
- 透過
- –
- アニメーション
- –
- 登場時期
- 1991 · Apple
WOFF2からTTFへの変換は、Web向けの圧縮を元に戻します。Webサイトで見つけた、またはサイト用に作られたフォントを、WOFF2形式を受け付けないデスクトップソフトでオフラインでも使えるようになります。
WOFF2からTTFへの変換に関するよくある質問
WOFF2からTTFへの変換は劣化なしですか?
フォントデータに関しては、問題ありません。WOFF2の圧縮は可逆なので、元のアウトライン、メトリクス、OpenType機能がそのまま復元されます。再構築されたファイルは、Webフォントの元になったTTFとバイト単位で同一ではなく同等のものですが、表示への影響はありません。
変換したフォントで一部の文字が表示されないのはなぜですか?
多くのサイトでは、ページに必要な文字だけにサブセット化したWebフォントを配信しています。Google Fontsでも、unicode-range を使ってスクリプトごとに別ファイルへ分割しています。変換できるのはWOFF2に含まれているグリフだけです。完全版のフォントは、フォントの提供元やファミリーの公式ダウンロードから入手してください。
Webサイトからダウンロードした WOFF2 を自分のデザインに使えますか?
ライセンスで許可されている場合に限ります。Webフォントのライセンスは通常、ライセンス取得者自身のサイトでの配信を対象としており、訪問者によるデスクトップでの利用は含まれません。他人のページから取得したファイルをインストールする権利はありません。Google Fontsのようなオープンソースのファミリーは例外です。
WOFF2の変換先はTTFとOTFのどちらを選ぶべきですか?
中身のアウトラインに合わせて選びます。WOFF2の多くはTrueTypeアウトラインを含むため、TTFならそのまま展開するだけです。フォントがPostScript曲線で作られている場合は、WOFFをOTFに変換で3次曲線を保つ方法を説明しています。どちらの結果も同じ方法でインストールできます。
インストールしてもFigmaやPhotoshopにフォントが表示されないのはなぜですか?
デザインアプリは起動時にフォント一覧を読み込むため、一度終了して開き直してください。ブラウザ版のFigmaでは、ローカルにインストールしたフォントを認識させるために、デスクトップ用のフォントヘルパーの起動も必要です。