How to rip fonts from Typekit.com

I use Firefox for browsing, so my instructions will be for this browser, using its features.

1. Load the page with the font you want to rip. For example, Grafolita Script.

2. In Firefox, open the Tools menu, then Web Developer, then Inspector.

3. To the right of the Inspector window you will find the Fonts tab. Click on it. It opens the list of fonts, each having the information coded in the data field:

data:font/opentype;base64,d09GRk9UVE8AAHHwAAwA......................Cd4GEyzg=

4. Remove data:font/opentype;base64, and paste the remaining string into this Base64 Decoder. Click Decode and save the output as a binari (.bin) file.

5. Convert the binary file into a font file using this online font converter. Since Typekit says the font is "opentype", download the output as OpenType (OTF). If the OTF generated file is not valid, retry the conversion and choose TTF.

6. Enjoy it :)

11 comentarii

6 Sep 2015 la 16:50
Ivan

Salut,
am incercat dar se pare ca nu mai functioneaza. Poti sa vezi daca este asa?

Multumesc.

6 Sep 2015 la 18:48
pinkISH

Voi verifica, se pare ca ai dreptate.

8 Sep 2015 la 07:48
pinkISH

Merge, dar trebuie sa faci conversia .bin-ului la .ttf, nu .otf.

1 Dec 2015 la 13:02
Rupert

This is not working anymore? It saves the files in an .afm and .0 file

1 Dec 2015 la 21:55
pinkISH

I honestly have no idea, haven't tried to rip fonts in a while. They probably patched the hole...

5 May 2016 la 18:52
Edward

Yes it works fine

13 Feb 2017 la 08:13
KethTup

d buy levitra online 24 hours buy levitra viagra erectile dysfunction

27 Aug 2017 la 11:03
Hassan

All you have to do is to download Fontforge, it is free and open source. Paste the

data:font/opentype;base64,d09GRk9UVE8AAHHwAAwA………………….Cd4GEyzg=

into Chrome or any browser and press enter. It will ask you to save some file named "d". On your computer add the ".otf" file extension to it. Then install it into your computer and you can use it.

If font says invalid, then you may have to open it in Fontforge then save it as a ".otf" file. Then you just follow the process I mentioned above.

Cheers

27 Aug 2017 la 14:26
pinkISH

Thanks for the alternate option, Hassan.

21 Dec 2017 la 23:02
Dan

This doesn't work anymore, what I did is to use chrome, go to the specific font page you want, use developer tools ->network, click on the requests to see the response tab, you are looking for a file that has a response that starts with OTTO (.otf flag) and you can use control+f after clicking on the response contents to find the name. After you find the exact font you want right click its link, copy, copy link address. Download the file, open the file with font forge, you need to fix the name, Element->font info->PS Names and TTF Names sections.

PS Names -> Fontname correct name was with dash for the font I tried: Korolev-Light
Everywhere else the font correct name with space was used: Korolev Light

21 Dec 2017 la 23:42
pinkISH

Thanks a lot, Dan!

Linkuri