Whether you’re looking to make your designs more techy or more classy, this collection of free web fonts by Plato Web Design has something for every occasion, along with tips on how best to use them.
For convenience, I have provided links to the fonts after the infographic. Or you can download them all in a .RAR file from the source page.
Download the Fonts
When you view a Google font below, don’t forget to click on the “Pairings” tab to see which other fonts it goes well with. To use the font as a web font or to download it, click on the “Open [font name] in Google Fonts»” link at the top of the font specimen page.
If you do want to download a Google font, once you click through to the “Open [font name] in Google Fonts” page, click on the down arrow icon at the top right of the page (above the ‘page load speed’ graphic). You may also want to check out SkyFonts as a service to keep your downloaded Google fonts up-to-date.
Boring Font Replacements
Fancy Cursive Fonts
This 404 error page best practice from online store Ballard Designs, seems so obvious I’m surprised I’ve never seen it mentioned before. In addition to providing your visitor with the usual links to home, search, customer service, etc, why not provide them with actual product recommendations?
As I was checking ticket prices for flights back to the UK this summer, I happened to use the websites of several airlines. The variety in terms of design and the quality of that design was noticeable.
I’m always interested in the different approaches that web design teams take when creating websites within an industry that share many common characteristics, so I thought I would look a little wider at airline websites from around the world and see which ones appealed to me the most from a visual standpoint.
I recently happened to stumble across a lost page of technology how-tos on The New York Times website that dates back to 2005.
For some reason, it hadn’t got redirected or redesigned, and I thought it was interesting to see how the design of the site has changed in the eight years since then.
Sometimes it feels like “the fold” comes up in every design-related conversation I have with stakeholders. “Can’t we put more content above the fold?” “This banner pushes the call to action below the fold.” And so on.