CSS3 Font Converter is a Command Line Font Face Converter

- 5 comments

Development,Projects,Web Design

I love being an independent developer and in today’s fast paced, technology-driven environment there are so many tools that enable developers to work on their own terms. There really is no excuse for being tethered to wires or even to the Internet. The biggest breakthroughs for me have been tools like MAMP/WAMP and Vagrant which allow local development environments to be spun up in seconds, enabling application development without Internet access which saves time and increases productivity.

However, one big barrier to a completely local workflow for me has always been converting custom fonts. Custom fonts mean I need to use an online Font Face converter. Or do I? There are many sites that provide outstanding, free Font Face converters. Unfortunately they often limit the number of fonts you can convert, they can be time consuming to use, and they most definitely require an Internet connection.

I tried a few solutions to move the custom font conversion process offline and the best one I’ve come across is Zoltan Hawryluk’s CSS3 Font Converter (GitHub project). It really is the bee’s knees! It’s a command line font face converter which means you can effortlessly convert your TTF and OTF fonts into a beautiful Font Face stack in a single command without Internet access and without any restrictions.

Zoltan accomplished the amazing feat of bringing together some great tools and cramming them all into one indispensable command line Font Face converter to help you kiss those online Font Face converters goodbye once and for all! Plus, I took a few minutes to write out the quickest steps to get it up and running on OS X so you can be on your way to command line Font Face converter heaven in just a few minutes (Windows installation instructions are here).

The only prerequisite for my CSS3 Font Converter installation method is Homebrew.

Once you have Homebrew installed and working, you’re ready to go:

If you run into any issues you can leave a comment and I’ll do my best to troubleshoot. Enjoy this delicious offline Font Face converter!


Comments

  1. You can forget my previous comment. Here is what seems to be choking…
    cpotter@cpotter-VirtualBox:~/Documents/fonts$ brew tap bramstein/webfonttools && brew install sfnt2woff
    Updating Homebrew…
    ==> Tapping bramstein/webfonttools
    Cloning into ‘/home/linuxbrew/.linuxbrew/Homebrew/Library/Taps/bramstein/homebrew-webfonttools’…
    remote: Enumerating objects: 182, done.
    remote: Total 182 (delta 0), reused 0 (delta 0), pack-reused 182
    Receiving objects: 100% (182/182), 29.23 KiB | 808.00 KiB/s, done.
    Resolving deltas: 100% (95/95), done.
    Tapped 8 formulae (33 files, 135.9KB).
    Updating Homebrew…
    ==> Installing sfnt2woff from bramstein/webfonttools
    ==> Downloading https://github.com/bramstein/sfnt2woff/archive/master.tar.gz
    ==> Downloading from https://codeload.github.com/bramstein/sfnt2woff/tar.gz/mast
    ######################################################################## 100.0%
    ==> make
    🍺 /home/linuxbrew/.linuxbrew/Cellar/sfnt2woff/2009-10-04: 4 files, 64.8KB, built in 46 seconds
    cpotter@cpotter-VirtualBox:~/Documents/fonts$ fontstack *.ttf
    Error: Package sfnt2woff is not installed. Bailing

  2. I am getting the following error when trying to install the sfnt2woff. Any ideas?
    $ brew install sfnt2woff
    Updating Homebrew…
    ==> Auto-updated Homebrew!
    Updated 1 tap (homebrew/core).
    ==> Updated Formulae
    Updated 1 formula.

    Error: No available formula with the name “sfnt2woff”
    ==> Searching for a previously deleted formula (in the last month)…
    Error: No previously deleted formula found.
    ==> Searching for similarly named formulae…
    Error: No similarly named formulae found.
    ==> Searching taps…
    ==> Searching taps on GitHub…
    Error: No formulae found in taps

  3. Thanks for the write-up on my font converter. I wanted to add that if there are any bugs or features that people would like to add, please add an issue on the GitHub page — this is a living project and I would like to continue to get user feedback!

    Appreciate the kudos as well. 🙂

    1. Awesome Zoltan, thanks again for putting together such an awesome, useful tool and for generously donating your time to keep it open source!

Leave a Comment