View contents of a .woff2 font file

fonts webfonts woff2
Gleb Kostyunin picture Gleb Kostyunin · Sep 5, 2017 · Viewed 9.3k times · Source

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?

Answer

Gleb Kostyunin picture Gleb Kostyunin · Sep 13, 2017

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.

Related questions

How do I install a custom font on an HTML site

I am not using flash or php - and I have been asked to add a custom font to a simple HTML layout. "KG June Bug" I have it downloaded locally - is there a simple CSS trick to accomplish …

Read More
Webfont Smoothing and Antialiasing in Firefox and Opera

I have custom-made web fonts used on my site. To style my rendering output, I used the following code: //-webkit-text-stroke-width: .05px; //-webkit-text-stroke-color: white; -webkit-font-smoothing: antialiased; This works fine on Safari and Chrome (edges are sharper and lines are thinner). Is …

Read More
Use multiple @font-face rules in CSS

How can I use more than @font-face rule in my CSS? I've inserted this into my stylesheet: body { background: #fff url(../images/body-bg-corporate.gif) repeat-x; padding-bottom: 10px; font-family: 'GestaRegular', Arial, Helvetica, sans-serif; } @font-face { font-family: 'GestaReFogular'; src: url('gestareg-webfont.eot'); src: …

Read More