フォント変換
デスクトップ用フォントをWebフォントに変換したり、Webフォントをインストールできる形式に戻したりできます。TTF、OTF、WOFF、WOFF2や古い形式のファイルをアップロードして変換先を選ぶだけです。必要に応じて文字セットを絞り込めば、Webサイトでの読み込みが速くなります。
フォント変換
またはTTF, OTF, WOFF … ファイルをここにドロップ ·
1ファイルあたり最大95 MB· 最大20ファイルまで· 30分後に削除
ファイルは当社のサーバーで処理され、30分後に削除されます。
使わない文字種を削除すると、Webフォントを数百KBから30 KB未満まで小さくできる場合があります。パソコンにインストールするフォントでは、すべての文字を残してください。
フォントに含める必要がある文字列を貼り付けてください(ロゴの文字や見出しなど)。それ以外は削除されます。
ヒントは、Windowsの画面で小さな文字をくっきり見せます。削除すると、Webフォントでは10–30%小さくなることがよくあります。自動ヒントは、ヒントのないフォントに追加します。
空欄なら元の名前を保ちます。名前を変えると、元のフォントと競合せずに変換後のフォントを並べてインストールできます。
例:Regular、Bold、Italic。空欄なら元のスタイル名を保ちます。
このツールの使い方
- 1
フォントファイルを追加する
フォントは最大20個、1個あたり95 MBまでドロップできます。TTF、OTF、WOFF、WOFF2、EOT、SVGフォント、TTCコレクション、Macのdfontファイル、Type 1のPFB/PFM/AFMファイルを1回のバッチにまとめて入れられます。
- 2
変換先の形式を選ぶ
変換先は、Webサイト向けで最も小さい形式のWOFF2が初期選択です。WindowsやmacOSにフォントをインストールする場合は、TTFまたはOTFを選びます。詳細設定を開くと、文字のサブセット化、ヒンティングの変更、ファミリー名の変更、@font-face CSSを含めるの追加ができます。
- 3
変換してダウンロードする
WOFF2に変換 →を押して(ラベルは選んだ形式に合わせて変わります)、ファイルを1つずつ、またはZIPでまとめて保存します。アップロードしたフォントと変換結果は、30分後にサーバーから削除されます。
デスクトップフォントとWebフォント：TTF・OTF・WOFF・WOFF2
TrueTypeはAppleが開発し、1991年にSystem 7とともに登場しました。Microsoftはその1年後にWindows 3.1向けにライセンスを受けました。1996年にMicrosoftとAdobeが発表したOpenTypeは、これにPostScriptアウトラインと組版機能を加えたもので、現在はISO/IEC 14496-22のOpen Font Formatとしても公開されています。今日コンピューターにインストールするフォントは、.ttfまたは.otfとして保存されたこのどちらかです。
Webフォントは同じデータをダウンロード用に圧縮したものです。WOFF 1.0は2012年にW3C勧告となり、各フォントテーブルをzlibで圧縮します。続いて2018年にW3C勧告となったWOFF2は、Brotliと字形データ向けの前処理を使い、Googleの測定ではWOFFより約30%小さくなります。Chrome、Edge、Firefox、Safariの現行バージョンはすべてWOFF2に対応しており、変換先の初期値がWOFF2なのはそのためです。
Webサイトで入手したWOFF2をWord、Figma、Photoshopで使いたいときは、WOFFからTTFやWOFF2からTTFで逆方向に変換します。セルフホストのサイトなら、ほとんどの場合に必要なのはTTFからWOFF2の変換です。
| from ↓ · to → | TTF | OTF | WOFF | WOFF2 | EOT | SVG |
|---|---|---|---|---|---|---|
| TTF | TTF to TTF: yes | TTF to OTF: yes | TTF to WOFF: yes | TTF to WOFF2: yes | TTF to EOT: yes | TTF to SVG: yes |
| OTF | OTF to TTF: yes | OTF to OTF: yes | OTF to WOFF: yes | OTF to WOFF2: yes | OTF to EOT: yes | OTF to SVG: yes |
| WOFF | WOFF to TTF: yes | WOFF to OTF: yes | WOFF to WOFF: yes | WOFF to WOFF2: yes | WOFF to EOT: yes | WOFF to SVG: yes |
| WOFF2 | WOFF2 to TTF: yes | WOFF2 to OTF: yes | WOFF2 to WOFF: yes | WOFF2 to WOFF2: yes | WOFF2 to EOT: yes | WOFF2 to SVG: yes |
| EOT | EOT to TTF: yes | EOT to OTF: yes | EOT to WOFF: yes | EOT to WOFF2: yes | EOT to EOT: yes | EOT to SVG: yes |
| SVG | SVG to TTF: yes | SVG to OTF: yes | SVG to WOFF: yes | SVG to WOFF2: yes | SVG to EOT: yes | SVG to SVG: yes |
| TTC | TTC to TTF: yes | TTC to OTF: yes | TTC to WOFF: yes | TTC to WOFF2: yes | TTC to EOT: yes | TTC to SVG: yes |
| PFB | PFB to TTF: yes | PFB to OTF: yes | PFB to WOFF: yes | PFB to WOFF2: yes | PFB to EOT: yes | PFB to SVG: yes |
サブセット化・ヒンティング・@font-faceの各オプションの解説
| 設定 | 選択肢 | 動作 | 変更するとき |
|---|---|---|---|
| 残す文字 | すべての文字、基本ラテン文字、ラテン文字+アクセント付き文字、キリル文字、ギリシャ文字、ベトナム語、入力した文字のみ | 選んだ文字体系以外の字形を削除します | 1〜2種類の文字体系だけを使うWebサイト用のフォントのとき |
| 残す文字(入力欄) | 自由入力、最大5,000文字 | 貼り付けた文字だけを正確に残します | ロゴ、見出し、数字の表示など、少数の字形だけで足りるとき |
| 合字とカーニングを保持 | オン(初期値)またはオフ | 残った文字について、fi/flの合字とカーニングペアを保持します | 数KBでも減らしたく、字間が多少ゆるくなってもよいとき |
| ヒンティング | そのまま、削除、自動ヒント | アウトラインをピクセルグリッドに合わせる命令を、保持、削除、または生成します | 高密度画面向けのWebフォントは削除、Windowsで使うヒンティングなしのフォントは自動ヒント |
| @font-face CSSを含める | オンまたはオフ | フォントを指す記述済みのルールを入れた.cssファイルを追加します | フォントをサイトに手作業で組み込むとき |
| ファミリー名 / スタイル名 | それぞれ63文字まで | フォント内部に保存された名前を書き換えます | 変換後のコピーを元のフォントと並べてインストールしたいとき |
ファイルサイズの削減に最も効くのはサブセット化です。ラテン文字、ギリシャ文字、キリル文字、ベトナム語に対応するファミリーには、1,000を大きく超える字形が入っていることがあります。英語だけのサイトなら100未満で足ります。ラテン文字+アクセント付き文字は、西欧・中欧の言語に安全な選択です。基本ラテン文字では削られるé、ñ、ø、łなどが加わります。コンピューターにインストールするものはすべての文字のままにしてください。字形が欠けると、後で空白の四角として表示されます。
ヒンティングが最も効いたのは、低解像度のWindows画面でした。スマートフォンやRetinaディスプレイでは見た目への影響が小さいため、削除するとWebフォントでは通常10〜30%小さくなります。SVG出力では、SVGフォントが単純なパスのアウトラインを保存する形式のため、ヒンティングとサブセット化の設定は無視されます。CSSのオプションは、WOFF、WOFF2、EOT、TTFへの変換で使えます。
変換前に確認したいフォントのライセンス
- 使用許諾を受けているフォントだけを変換してください。フォントに付属の使用許諾契約書で、「Web」「埋め込み」「セルフホスト」といった語を確認してください。
- Webフォントは訪問者全員がダウンロードできるため、デスクトップ用ライセンスで公開Webサイトへの掲載が認められることはまれです。
- SIL Open Font Licenseのフォントは、自由に変換して配信できます。ただし、Reserved Font Nameを持つフォントは、改変後にその名前を使い続けられず、OFLのFAQではサブセット化も改変に当たります。ファミリー名を入力して名前を変更してください。
- WindowsやmacOSに付属するフォントは、そのシステムで使うためのライセンスであり、Webフォントとして再配布することはできません。
- 元のファイルは保管してください。コンバーターがアップロードしたファイルを編集することはありませんが、名前を変えたりサブセット化したりしたコピーは、ライセンスを受けた原本の代わりにはなりません。
変換したフォントをインストール・読み込みする方法
| 推奨 | 非推奨 |
|---|---|
| 文字が四角で表示されるときは、ラテン文字+アクセント付き文字、必要な文字体系、またはすべての文字を選びます。入力した文字のみを使うときは、句読点と数字も含めてください | WOFF、WOFF2、SVGファイルをダブルクリックしてインストールしようとしない。Windowsでは有効なフォントではないと表示されます |
| Windowsにインストールするフォントは、TTFまたはOTFに変換します。システムのインストーラーが受け付ける形式はこの2つだけです | 改変したコピーに元の内部ファミリー名を残さない。フォントメニューで元のフォントが置き換わってしまいます |
| ファミリー名を「Inter Web」のような名前にして、変換後のコピーを元のフォントと並べてインストールできるようにします | 古いWindows PCで小さいサイズで読まれるフォントから、ヒントを削除しない |
| 手作業のヒンティングが優れたフォントはそのまま、ヒンティングが一切ないフォントは自動ヒントを選びます | CORSヘッダーなしで別のオリジンからWebフォントを配信しない。ブラウザーはダウンロードしたうえで無視します |
@font-faceルールのsrcのパスとformat("woff2")を、アップロードしたファイルに合わせます |
フォント変換に関するよくある質問
購入したフォントを変換しても法的に問題ありませんか？
ファイルの変換は技術的な作業ですが、結果をどう使えるかはライセンスで決まります。デスクトップ用ライセンスの多くは、決まった台数のコンピューターへのインストールは認めていても、Webサイトでの配信は対象外で、通常は別途Webフォントのライセンスが必要です。Google Fontsの大半のように、SIL Open Font Licenseのフォントは、変換してセルフホストできます。
TTFとOTFの違いは何ですか？
TTFは2次曲線で描かれたTrueTypeのアウトラインを持ち、OTFは通常、3次曲線で描かれたPostScript(CFF)のアウトラインを持ちます。どちらもWindowsとmacOSで同じようにインストールでき、合字などのOpenType機能も扱えます。相互に変換すると曲線が描き直されますが、通常のサイズでは違いは見えません。
フォントをWOFF2に変換すると品質は落ちますか？
いいえ。WOFF2は同じTrueTypeまたはOpenTypeのデータを圧縮して包んだもので、ブラウザーが元のアウトラインに展開します。字形、カーニング、機能はそのままで、ダウンロードサイズだけが小さくなります。
WOFFやWOFF2のファイルをパソコンにインストールできますか？
WindowsとmacOSは、WOFFやWOFF2を直接インストールできません。先にWOFF2からTTFでTTFまたはOTFに変換し、できたファイルをダブルクリックしてインストールしてください。
WebサイトにEOTやSVGのフォントはまだ必要ですか？
非常に古いブラウザー向けの場合だけです。EOTはInternet Explorer 6〜8で必要でしたが、IE 9からはWOFFを読めます。SVGフォントは2014年にChromeで廃止され、Firefoxには搭載されませんでした。そのため、現在の@font-faceルールはWOFF2だけで足り、WOFFは任意のフォールバックです。
変換したWebフォントがまだ数百KBあるのはなぜですか？
フォントには、設計されたすべての文字体系が含まれたままです。汎欧州向けのファミリーなら、表示しないラテン文字、ギリシャ文字、キリル文字、ベトナム語の字形も入っています。残す文字をページで使う文字体系に設定し、ヒンティングを「削除」にしてください。併用すると、ファイルが半分以下になることもよくあります。
バリアブルフォントも変換できますか？
はい。可変TTFをWOFF2に変換しても軸は保たれるため、1つのファイルですべてのウェイトをカバーできます。サブセット化でも軸は保たれ、削除した文字だけがなくなります。
フォント変換ツール一覧
指定された条件にぴったり合うものを選んでください。以下のページはすべて同じツールで、初期設定だけが異なります。
- OTFをTTFに変換OpenTypeのOTFフォントを、TTFしか表示しないアプリ向けにTrueTypeのTTFへ変換。3次曲線やPostScriptヒントがどうなるか、自動ヒンティングが必要な場面も解説します。
- TTFをOTFに変換TrueTypeのTTFフォントをCFFアウトラインのOpenType OTFに変換。2次曲線は3次曲線へ正確に変換されます。ヒンティングや機能がどうなるかも確認できます。
- TTFをSVGに変換TrueTypeフォントを、全グリフをSVGパスデータで持つSVGフォントに変換します。アイコンフォント作成ツール、Inkscape、旧来のWebフォントキット向けです。まず違いをご確認ください。
- TTFをWOFFに変換TrueTypeフォントをWOFF 1.0に変換し、Internet Explorer 9–11や古い電子書籍リーダー、旧CMSテーマに対応。WOFFのフォールバックが今も必要なケースも解説します。
- TTFをWOFF2に変換TrueTypeフォントをBrotli圧縮のWOFF2 Webフォントに変換し、そのまま使える@font-faceルールも作成します。ラテン文字やカスタムのサブセット化でさらに軽量化できます。
- WOFFをOTFに変換WOFFウェブフォントをOpenTypeのOTFに変換。CFF形式のWOFFはそのまま復元し、TrueType形式のものは3次曲線で書き換えます。まず中身の形式を確認しましょう。
- WOFFをTTFに変換WOFF 1.0のWebフォントを解凍し、インストールできるTrueType TTFファイルに変換します。古いWebフォントキット、サイトのバックアップ、アイコンフォントにも対応。1回に最大20フォントまで。
- WOFF2をTTFに変換WOFF2のWebフォントをWindows、macOS、Word、Figmaで使えるTrueType（TTF）に変換。一部のWebフォントで文字が欠ける理由も解説します。