Install all the fonts meme

Today, I needed to pick up a few fonts from Google Fonts. Usually, I’m just linking to them from my code, but this time I needed to download and install them.

Installing fonts is a pain in the ass. It annoys me, so I went looking for a better solution. Something I was unaware of is that Google has all of their fonts easily accessible within a GitHub repo. After digging a bit more, I found an auto-installer script that will handle the entire library. Here’s how to run it:


  1. Open your terminal. If you don’t know how to, do some Googling.
  2. Run this command:
    curl | sh
  3. Pleasantly wait for the script to run.

Yup. That’s it. Every font from Google Fonts is now installed. Celebrate, drink a beer, and figure out what you’re going to do with all of that extra free time.

For the paranoid (and those who know better than to run anonymous code), the source to the script is available on GitHub. I’ve also taken the liberty of embedding it below as well. Enjoy.


# For OS X-based systems.

echo "Installing all Google Web Fonts onto your Mac"
echo "Downloading the fonts..."
cd ~/Documents/
curl -L -o master.tar.gz
echo "Extracting the fonts..."
mkdir -p goog-fonts/fonts
tar -zxf master.tar.gz -C goog-fonts/fonts
cd goog-fonts
cd fonts
find . -mindepth 2 -type f -print -exec mv {} . \;
rm -R -- */
rm *.txt
rm *.json
rm *.csv
rm *.md
rm *.html
rm *.py
cd ..
mv fonts/* /Library/Fonts/

echo "Fonts installed; Cleaning up files..."
cd ~/Documents/
rm -f master.tar.gz
rm -rf goog-fonts
echo "All done! All Google Fonts installed."

Credit: Web-Font-Load by Quinton Pike

I came across this one today, thanks to my friend David Bisset (seriously, follow him on Twitter. He’s full of awesome resources).

Tingle is a pure JavaScript library that makes modals super easy to create, but without sacrificing features. Create a model for your modal (yeah, that was intentional), set the content, and and handle the rest with their API. Because this is pure JavaScript and includes a dead-simple API, the modal can be manipulated insanely easily, but without the overhead of other dependencies such as jQuery.

For people like me who are terrible when it comes to design, it also comes with a few button classes. Don’t need the styling? Just don’t use the CSS file. Simple as that.

Not only is it full-featured and so easy that my technologically-impaired mother-in-law could use it, it’s tiny as well. Weighing in at 6.12KB, it’s hardly noticeable in terms of added page size. Since you don’t have to rely on other libraries either, there isn’t any added bulk or extra maintenance to deal with.

Check it out. I dig it.