6

[OC][Tutorial] How to download most paid fonts for free

Submitted by Fossidarity in illegalism (edited )

I figured this out after experimenting in Firefox a bit.

Tested to work on myfont.com, fonts.com and urwpp.de. Please let us know in the comments if it works on other websites.

Easy sites (urwpp.de)

1. Prerequisites

  • A Firefox-based browser with Developer tools (press F12 and a new window should show up in the bottom of your browser). Tor-browser is recommended. For most sites you also need to have Javascript enabled.

2. Finding a font

For this tutorial we will download the Amsterdamer Garamont font.

3. Finding a webfont

First find a page which contains the actual font, what we are looking for is a page which downloads the font as a webfont and displays it.

Usually this is done with a custom font preview but not always, some websites display images when you want to preview a font. This is fairly easy to check: try to select individual letters of the text with the mouse and if that's not possible it's an image.

In the case of our site there's a "Fontsampler" button which will open a popup where we can edit a textbox with the font, this way we are sure that the font is loaded.

4. Finding the webfont's url

Now the magic happens:

  1. Press right click on the editable textbox and click in the menu on "Inspect Element": this will open the same window as F12 but it focuses on the text area element.
  2. On the right side of the window a tab called "Rules" should be opened, press this and find the topmost item called font-family (this time in the .textarea part). Remember the name of the first item in quotes ("..",) in the list. Hover over it to make sure it matches the font you want.
  3. Now open the "Style Editor" tab and find the name of your font in any of the .css or <inline> files with Ctrl-F. Look for the font-family key which is followed by a src: url('.. key. Now remember the part after the last / (forward slash) and before the last . (dot). In our example the url is for example /WEB_SAMPLER1/g053013p.woff2 so what we want to remember is g053013p.
  4. Open the "Network" tab, press CTRL-F5 (force refresh) and find the name from the previous step which has the 200 status (green circle). Right-click on it and press "Copy URL".
  5. Paste this URL in the title bar of the browser and download the file.
  6. If the extension of the file is .woff2 open this site and if it's .woff open this one. Press the "Pick Font File" button, select your downloaded font, press "Convert" and you've got your free TTF font!

Hard sites (fonts.com)

So you've decide that you want to download your favorite corporate font: Neue Plak Bold, but after following step 4.5 and copying the URL gives you a 403 Forbidden page, and you really need this font for your awesome PowerPoint® presentation about harvesting baby kidneys to satisfy the shareholders. Here's how to download it:

1. Downloading the base64 encoded file

When you clicked on the field in the "Network" tab to copy the URL select "Copy Response" instead. Open your favorite text editor, paste the text and safe it as font.b64 somewhere.

2. Converting the base64 file to a webfont file

Open your favorite terminal in the directory of font.b64:

  • On Linux: base64 --decode font.b64 > font.woff2
  • On Windows: certutil -decode font.b64 font.woff2

The .woff2 part should match the URL of the file in "Network".

3. Continue with step 4.6

Comments

You must log in or register to comment.

4

Lethe wrote

Do I need more fonts? Probably not. Am I going to put this guide to good use anyway? Hell yeah I am.

2

Fossidarity wrote

Now it also works on myfont.com, just click on the "webfont" tab.