View contents of a .woff2 font file

20.1k views Asked by At

I'm trying to make sure that the .woff2 font file contains the same set of glyphs as one of my .ttf files. So, it would be really nice to view them somehow side by side, but I can not find any tool that makes the viewing of .woff2 file possible on Mac OS.

Could some of you more experienced people point me to one? Or maybe you know a better way of comparing two font files on a Mac?

4

There are 4 answers

0
Gleb Kostyunin On BEST ANSWER

So, In the end I have not found any options to view the .woff file. To somebody struggling with this, here's what I did:

  1. Convert the woff font to ttf with one of the converters available online.
  2. Open the ttf file with your system default font viewer (FontBook on Mac), or one of the available for download (i.e. FontForge, FontExplorer X).

This probably is prone to errors during the conversion phase, but it's better than nothing.

1
JIT Solution On

FontForge can open .woff2 Font files.
It's available for Windows, MacOS and Linux.

I my case it can open the Angular Material Icon Font so i can check which Icons are available within my Version of the File.
To get better performace you can hide unused glyphs within the Menu.

1
Paulo Freitas On

I was searching for something like this and I found FontTools: https://github.com/fonttools/fonttools

You can install it with Python's pip package manager:

pip install fonttools[ufo,lxml,woff,unicode]

Once installed, you may want to use the fonttools ttx command to extract the Glyphs table from both your fonts and them further compare the generated .ttx files:

fonttools ttx -t GSUB --flavor woff2 -o woff2.ttx some-font.woff2
fonttools ttx -t GSUB -o ttf.ttx some-font.ttf
diff woff2.ttx ttf.ttx
1
Satish Kumar On

I came across this powerful online tool FontDrop.

  • It supports viewing of both .woff and .woff2 file formats.
  • Has a variety of features like showing the glyphs, ligatures and other detailed metadata as well.