WOFFエディタ TTF · OTF · WOFF · WOFF2

.woffファイルを開く

TTF · OTF · WOFF · WOFF2

The original outlines stay untouched until you change them. Nothing is published.

// what you can change

01 1文字だけ描き直す 文字を再生成する、自分で描く、あるいはその1文字だけ参考画像を渡す。 02 存在しなかった言語を追加する キリル、ギリシャ、ヘブライ、CJKなど、すでにある文字と同じ筆致で描かれる。 03 Regularから新しいウェイトを作る アップロードしたファイルのプロポーションを保ったままBoldやThinを作る。 エディタを開く

TTF · OTF · WOFF · WOFF2 Thin · Regular · Bold 全グリフ編集可能 最初のフォント無料

YoFont / 多言語 / WOFFエディタ — 変換せずにWebフォントを編集

WOFFエディタ — 変換せずにWebフォントを編集

WOFFファイルは、TrueTypeまたはOpenTypeフォントをWeb向けに圧縮して包んだもので、プロジェクトに残っている唯一のコピーであることも少なくありません。ここではそのまま開き、必要なグリフを変え、Webフォントとしてもデスクトップ用ファイルとしてもダウンロードできます。

今週のトレンド

あ い う カ キ 漢
Market Stallフォントを見る →
あ い う カ キ 漢
Vial Codexフォントを見る →
あ い う カ キ 漢
Carabiner Summitフォントを見る →

すべてのフォント →

よくある質問

WOFFファイルを直接編集できますか？

できます。先にTTFへ変換する必要はありません。エディタがファイルを展開してすべてのグリフを表示し、ほかのフォントと同じように作業できます。

WOFFをTTFやOTFに変換できますか？

できます。同じプロジェクトからWOFF・WOFF2・TTF・OTFを書き出せます。ファイルのダウンロードにはProプラン以上が必要です。

編集するとWebフォントのサイズは大きくなりますか？

増えるのは追加した分だけです。新しい言語はそのグリフの分だけ増え、描き直した文字は古い文字と置き換わります。サイズが気になるなら、WOFFより圧縮率の高いWOFF2で書き出してください。

Webフォントに足りない文字を追加できますか？

できます。サイトにキリル文字、ギリシャ文字、ベトナム語の声調記号など、ファイルにない文字体系が必要なら、その言語を追加すると既存の文字に合わせてグリフが描かれます。

他人のWebサイトで見つけたWOFFを編集できますか？

ライセンスが許す場合に限ります。サイトで配信されているWebフォントは、通常そのサイトだけに使用が許諾されています。編集するのは、自分で作ったフォント、改変の権利付きで購入したフォント、オープンライセンスのフォントにしてください。

どのファイル形式が手に入りますか？

各フォントは TTF・OTF・WOFF・WOFF2 で書き出され、Web 埋め込み用の CDN @font-face URL も付属します。

今すぐフォントを作る

フォントを生成 — 無料

最初のフォント無料 · カード不要 · AIフォントジェネレーター

WOFF Webフォントを編集する手順

  1. .woffをページにドロップする。 変換の手順はありません。ファイルはすべてのグリフと対応言語の一覧がそろった状態で開きます。
  2. おかしい部分を直す。 グリフを1文字ずつ再生成するか描き直すか、1文字分の参考画像を添付します。
  3. 足りない部分を埋める。 ページに必要な言語を追加すれば、その言語のテキストがシステムフォントに置き換わることはなくなります。
  4. Web用とデスクトップ用に書き出す。 サイトにはWOFFかWOFF2を、デザインチームがフォントをインストールする必要があればTTFかOTFをダウンロードします。

WOFFとWOFF2の中身

WOFFとWOFF2はコンテナです。中に入っているのは普通のTrueTypeまたはOpenTypeフォントで、ブラウザが速くダウンロードできるよう圧縮されています。WOFFはzlib圧縮、WOFF2はBrotliを使い、通常20〜30パーセント小さくなります。

中身は普通のフォントなので、TTFにできることはここでもすべてできます。グリフを直す、文字体系を追加する、ウェイトを追加する。

編集したフォントを自分のサイトで使う

最新のブラウザ向けにはWOFF2を書き出し、WOFFはかなり古いブラウザに対応する場合だけ残します。ファイルはこれまでどおり@font-faceで読み込みます。ファミリー名を変えなければ、CSSを変更する必要はありません。

ほかの形式を開く

下のどのページも同じエディタが開きます。お手元のファイルに合うものを選んでください。

TTFエディタ OTFエディタ WOFF2エディタ フォントエディタ：すべての形式

その他のフォントジェネレーター

キリル文字 中国語 日本語 韓国語 ヘブライ文字 ギリシャ文字 ヒンディー語（デーヴァナーガリー） 多言語 手書きの字をフォントにする 画像からフォントを作る サイト専用のフォントを オリジナルフォントを作る — 無料 フォントメーカー — 数分でフォントを作成 AIフォント — テキスト装飾ではなく本物の書体 ロゴフォントジェネレーター — ロゴからフォント一式 フォントエディタ オンライン — 自分のフォントを開いて手を加える TTFをオンラインで編集 — .ttfを開いてブラウザで手直し OTFをオンラインで編集 — .otfを開いてグリフを直す WOFF2エディタ — .woff2を開いてブラウザで直す API / MCP