読者です 読者をやめる 読者になる 読者になる

Browser

Microsoft Edge(Project Spartan, Internet Explorer) 、ブラウザ周辺、Web フロントエンド開発、UI、など

Microsoft Edge まとめページ

Microsoft Edge で WOFF 2.0 フォントがサポートされました

Build 14316 からサポートされ、Mobile でも使用できます。

参照元 https://blogs.windows.com/msedgedev/2016/05/03/woff2-fonts-in-microsoft-edge/

 

通常のカスタムフォントよりファイルのサイズを小さくできるため、ページ読み込み速度の早くなることとになります。

試しに NotoSansJP の極細フォントとで試してみました。

ファイル名 容量
NotoSansJP-Thin.otf 2049KB
NotoSansJP-Thin.woff2 1458KB

500K 以上減っているため 1/4 減です。
欧文フォントですとフォントの数が少ないため、画像よりもファイルサイズが小さくなる可能性があります。

 

おまけのサンプル

http://toshihirogoto.github.io/woff2/

以前、紹介したものです。

自分でつくったフォントで
元の OpenType フォントのファイルサイズが 236 KByte であるのに対して
WOFF2 に変換した場合は 5.4 KByte と画像よりも小さくなっています。

スポンサーリンク