Does anyone know how to view webfont file formats (ttf, woff, woff2, eot) on a Mac?
I've been sent some files and would like to view them so I can make sure all the formats are correct.
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It only takes a minute to sign up.Sign up to join this community
If you also want to preview unicode characters and specs, this one is very good:
There is a QuickLook plugin that lets you preview .woff from within finder. Finder should be able to preview .ttf natively. I'm not sure this is enough for testing. You can take a look and verify they are working fonts, but not much more.
Another option is a Drag & Drop font testing page from Pablo Impallari. Drag the fonts from your desktop and you can see kerning, character support, opentype features and more.
I use FontExplorer X Pro and have no trouble viewing web fonts. The newest version has some new web specific features for simulating different OS and browsers for seeing how your webfont will look on different systems. Any decent font manager should let you see web fonts, at least to some degree (FontBook is not a decent font manager).
Just make a regular HTML page with everything you want to test, include the font in your CSS using
@font-face as you normally would and open the local file in your browser—no need to upload to the internet or anything like that. Although having a local development server is a good idea.
I was also looking for a solution. After trying many options, https://transfonter.org/ is what worked for me.
This works perfectly for WOFF, WOFF2, OTF and TTF files
In addition, if you need to open and edit font files, or convert them, some online services can't do this from the .eot format. A tool that can is Fontlab's TransType.