Why Google Fonts

Google fonts are open-sourced fonts, optimised for the web, where you can select, preview and choose fonts. Often used by developers for use in website development,  the Google Fonts API will generate the necessary browser-specific CSS to use the fonts. All you need to do is add the font name to your CSS styles.

If you’re a typography buff like me, you will love this – it automatically downloads and installs over 1,600 fonts onto your hard drive for you to use with Powerpoint, Word, etc.

For Mac users:
Paste this line of code in Terminal

curl https://raw.githubusercontent.com/qrpike/Web-Font-Load/master/install.sh|sh

To update the fonts, just re-run this script. It will overwrite duplicates.
You may need to restart for Font Book to pick up the new fonts.

Photoshop Users:
When using this script, it installs A LOT of ( ~1660 ) fonts. You may have to disable “Font Preview” in Photoshop.

To Uninstall all Fonts

curl https://raw.githubusercontent.com/qrpike/Web-Font-Load/master/uninstall.sh | sh

The instructions for Linux users can be found on Github:

Like this? Please follow the authors on Twitter:

Quinton Pike – @quintonpike
Peter Stacho – @stacho

PRO TIP 2: How to improve website speed when using Google Fonts

Using Google fonts on your website can affect the page load times, as certain font files come with multiple variants and glyphs. These may be very big files that need to be downloaded onto the visitor’s computer.

Digital Inspiration’s Amit Agggarwal offers a nifty solution for this: – by modifying the CSS to specify the  alphabets or characters that you want, you can instruct the site to render only the alphabets that are required,  reduce the file size of the font being downloaded.

You can find more detailed “How To” instructions on his website.

Tagged with: , ,