web-dev-qa-db-ja.com

標準のWOFFからのWOFF2変換

現在、一部のGoogle WebfontsがWOFF 2.0を使用していることを確認しました。どういうわけか、既存のWOFFフォントをこの新しい（おそらくより優れたフォーマット）に変換できますか？そしてどうやって？

typographywoffwoff2
22
Morten Hjort

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

私は自分のフォントでこれらの手順をテストしましたが、変換されたフォントWOFF-> TTF-> WOFF2は問題なく動作します。

5
operatino

もちろん！既存のwoffファイルを新しい形式に変換できます。圧縮率が30％以上向上します。

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

http://caniuse.com/#feat=woff2

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

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

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

http://everythingfonts.com/woff-to-woff2

https://github.com/google/woff2

25
dors

https://everythingfonts.com/woff-to-woff2 で変換できましたfontawseomeアイコン用に変換しました

5
PavlosVos

Font Squirrel generator 生成されたフォントにWOFF2が含まれるようになりました。したがって、TTFファイルからその方法で作成できます。

1
Colin Bacon

試してみてください http://font-converter.net インターフェースが改善され、新しい.woff2を含む@ font-face仕様をサポートしています。 otf、ttf、svgからの変換をサポートします。

1
Ivan Slaughter