typography - 標準WOFFからWOFF2変換

Question

一部の Google Webfonts が WOFF 2.0 を使用していることを確認しました。どうにかして、既存の WOFF フォントをこの新しい (おそらくより優れた形式) に変換できますか? そしてどうやって？

score 26 · Accepted Answer

そうです！既存の woff ファイルを新しい形式に変換できます。圧縮率が 30% 以上向上します。

現時点ではブラウザのサポートは制限されていますが、

それは最終的に変化します。@font-face フォールバックを使用して、これらの種類のディレクティブを CSS に追加する必要があります。

 @font-face {
   font-family: MyFont;
   src:
       url('font.woff2') format('woff2'),
       url('font.woff') format('woff');
  }

次のツールを使用して、ttf/woff から woff2.0 に変換できます。

score 6 · Accepted Answer

WOFF から WOFF2 へのコンバーターは見つかりませんでしたが、このようなサービスを使用して、現在の WOFF フォントを TTF に簡単に変換できます。次に、このWOFF2 チートシートを使用して、TTF を WOFF2 に変換します。

これらの手順を自分のフォントでテストしたところ、変換されたフォントWOFF -> TTF -> WOFF2が正常に動作しました。

4 に答える 4