sergejmueller/ttf2woff2.md

@reklis
Thanks.

Just for the record: using windows powershell 3+ the equivalent code to the curl example would be:

Invoke-RestMethod -InFile "/local/path/font.ttf" -OutFile "/local/path/font.woff2" -ContentType "font/ttf" -Headers @{"accept"="font/woff2"} -Method POST -Uri https://188.226.250.76

Sadly - glyphs that have a horizontal offset (mostly occurring in icon fonts) are normalized to zero while their bounding boxes stay the same. Results are glyphs that should've been centered in a box is now aligned left... :(

https://caniuse.com/#search=woff2

• Chrome for Android 37, default browsers for Nexus 7 & Motorola Moto G

What are the command-line options for converting TTF to WOFF2?

Wondering the same, is there still no command line options?

+1 on a command-line option!

What's missing from this gist is a feature test. We are using this one to detect WOFF2 supports https://github.com/filamentgroup/woff2-feature-test/blob/master/woff2.js

And serve WOFF or WOFF2 base64 encoded in a JSON file depending on the outcome. Basically like how The Guardian does it. This was an early prototype mimicking that behavior (without WOFF2 detection) https://codepen.io/CrocoDillon/pen/dkcbs , enjoy! :)

In case anyone else has tried to retrieve the google hosted .woff2 in latin subset only, it will show all subsets(for some reason). To avoid that, it's possible to include the full range of characters in the url:

https://fonts.googleapis.com/css?family=Open+Sans&text=abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ!%22#$%&'()*+,-./0123456789:;<=>?@[]^_`{|}~
See https://codepen.io/iautomation/pen/gbPwxe for an example

You can also download the full google font package on my site[ https://iautomation.us ] in case anyone wants to quickly grab the files to host locally..

To add the MIME type on IIS use:

appcmd set config /section:staticContent /+"[fileExtension='.woff2',mimeType='application/font-woff2']"

You can also easily get woff2 files (and all other formats for any combined subset/charset) of any Google web font via my lil' service google-webfonts-helper.

Thanks for this great gist, I will embed it in a special FAQ on the front page of my service ASAP.

How come the woff2 mimetype has not been registered with the IANA?

https://stackoverflow.com/questions/27829408/why-isnt-woff2-in-the-mimetype-directory

use .ahtacess works for me

Can you add a warning here about Data-URI embedding multiple file formats? It’s not a recommended practice, it negates the page weight benefits offered by WOFF2 if you include both Data URIs in a single file.

@zachleat +1

Google uses font/woff2

Could you please point to a specific example of this?

Edit: To answer my own question: https://www.google.com/fonts/
And here's hoping they rectify that: https://twitter.com/cvrebert/status/570155277648924672

https://onlinefontconverter.com has a online & a command tool to convert any font to woff2. You don't need to install any program. font-packs also works (you get one woff2 file for every font

Does it work in SVG?

As someone who uses the Data-URI method, is there an option for loading the correct type from the server? As @zachleat said, it makes no sense to embed both in a single file.

You can also add FF 39 stable to the list, it is enabled by default now, which is great.

W3C now recommends font/woff and font/woff2 for WOFF and WOFF2. See
https://dev.w3.org/webfonts/WOFF2/spec/#IMT

Hi guys. Made a NodeJS wrapper for the Google lib, thought you could be interested in adding it to this document: https://github.com/nfroidure/ttf2woff2

Is there a way to convert WOFF 2.0 to WOFF 1.0?

@meanjim woff2-to-otf then otf-to-woff.

Safari 10 should have support for it too.

@jungshik is right. The W3C now recommend using font/woff2 as the MIME type: https://www.w3.org/TR/WOFF2/#IMT

@anthony-geoghegan how can one figure out whether apache is using the W3C/IANA mime type (font/woff2) or the previous mime type (application/font-woff2)?

@lazylester do a curl -I https://url/font.woff2 and check the Content Type header

@eladkarako Why you do not make an .7z for win32 as this one: https://github.com/aj-ash/woff2/releases ?

how to view woff2 in windows 11?