なぜ JFPROJ を WOFF に変換するのですか？
WOFF はすべての現代的なブラウザでサポートされている圧縮・最適化されたウェブ用ラッパーであるため、ウェブサイトにカスタムフォントを埋め込むために .woff に変換します。.jfproj はオンラインで直接使用できないため、TTF に変換してから WOFF に変換します。
JFPROJ から WOFF への変換方法
Microsoft Font Maker FREE
Font Maker にはウェブフォントのエクスポート機能がないため、.jfproj を開き、«Export» を使用して .ttf を保存します。
FontForge OPEN-SOURCE
エクスポートした .ttf を開き、«File > Generate Fonts» を使用して «Web Open Font (.woff)» を選択し、WOFF を生成します。
これらの形式について
.JFPROJ
JSON Font Project File
.jfprojファイルは、手書き文字をフォントに変換する無料のWindowsアプリ「Microsoft Font Maker」によって保存されるJSON Font Projectです。ペンやマウスで描いたグリフ、間隔、サイズ設定が保存されており、プロジェクトを再開して編集を続けることができます。Microsoft Storeから入手できるMicrosoft Font…
.JFPROJ の詳細を開く →
.WOFF
Web Open Font Format
WOFF ファイルはウェブフォントです。CSS の @font-face を介してブラウザに高速配信するために圧縮された TrueType または OpenType フォントです。ブラウザはこれを自動的に読み込むため、直接開く必要はありません。デスクトップにインストールするには、まず FontForge やウェブコンバーターを使用して WOFF を TTF または OTF…
.WOFF の詳細を開く →品質と注意点
- Font Maker は TTF のみを出力するため、WOFF を作成する前に TTF のエクスポートが必須のステップとなります。
- WOFF は同じ TTF アウトラインを圧縮したラッパーであるため、フォントの見た目は変わりません。ファイルサイズとウェブ互換性のみが変化します。
- より小さなファイルサイズにするために、WOFF と併せて WOFF2 の使用も検討してください。古いブラウザでは依然として通常の WOFF フォールバックが必要な場合があります。
よくある質問
Font Maker は WOFF を直接エクスポートできますか？
いいえ。
.ttf のみエクスポート可能です。その TTF を FontForge やオンラインのウェブフォントジェネレーターで WOFF に変換してください。サイトには WOFF と WOFF2 のどちらを使うべきですか？
WOFF2 はよりサイズが小さく、現代のブラウザで推奨されますが、WOFF も提供することで一部の古いブラウザをカバーできます。多くのツールで両方を同時にエクスポートできます。
WOFF に変換するとフォントの品質は低下しますか？
いいえ。WOFF は既存のアウトラインを可逆圧縮するため、レンダリングされるグリフは元の TTF と同一に見えます。
