Converting Fonts for the Web

Base64 Encoding

# Encode
function dataurl() {
    local MIMETYPE
    MIMETYPE=$(file -b --mime-type "$1")

    if [[ $MIMETYPE == text/* ]]; then
        MIMETYPE="${MIMETYPE};charset=utf-8";
    fi
    echo "data:${MIMETYPE};base64,$(openssl base64 -in "$1" | tr -d '\n')";
}

WOFF2 → TTF

On macOS,

brew install woff2

# This will create your-font.ttf
woff2_decompress your-font.woff2

The FontForge Swiss-Army Knife 🧀

Install FontForge (on Homebrew) and then save this as a script (convert.pe) and make it executable. Now you can convert whatever you’d like.

Open($1)

Generate($1:r + ".ttf")
Generate($1:r + ".otf")
Generate($1:r + ".svg")

Run with

fontforge -script name_of_script font.woff

You can also use FontSquirrel’s excellent Online Generator.

Online Utilities

I’ve not had much luck with local conversions and end up using some online tool like ConvertIO or CloudConvert.

Deprecated Stuff

EOT (Don’t use this; use WOFF2)

Install ttf2eot via Brew and then

ttf2eot Inconsolata.otf > Inconsolata.eot

For a bunch of files,

for f in *.otf; do ttf2eot $f > ${f%".otf"}.eot; done

FontConverter (Unmaintained)

Install this via Homebrew and convert away. It installs this script and a bunch of dependencies.