×
Introducing Creative Market Pro: Download unlimited assets to elevate your work. LEARN MORE

Fonts In Use on Famous Websites

By on May 2, 2016 in Design Trends
Fonts In Use on Famous Websites

Web type is fascinating. Long ago, we only had a handful of typefaces to choose from, but these days, web designers use as many diverse fonts as print designers. That being said, if you take a look at some of the top sites on the web, you still see the old standards in use like Helvetica, Arial, and Georgia. Today we'll take a look at sites like Facebook, Google, and Wikipedia to see what fonts they use in headings and body copy.

1. Helvetica

It's not surprising that the social media giant Facebook uses Helvetica, an immensely popular sans serif font, for almost all of its content choices. The font doesn't change between your mobile and desktop interface, as its one of the most common fonts out there. Facebook is displaying its role as the standard of social media in an age where new start-ups abound. Pinterest and Tumblr are also Helvetica lovers, and Buzzfeed uses it for the body font on its homepage in snippets of featured articles and lists.

famous-fontsPin It
Facebook

famous-fontsPin It
Tumblr

famous-fontsPin It
Buzzfeed

2. Arial

Like Helvetica, Arial is a basic font that is easy to read. Twitter and Google both use Arial for all their copy and content. The Huffington Post also uses Arial on its front page but uses the Georgia font for full articles. Arial's origins actually stem from the aforementioned standard font, Helvetica. Arial had the same heights and widths as Helvetica to work as a placeholder for designers who couldn't afford the rights to Helvetica but wanted to keep their font choices open to change in the future.

famous-fontsPin It
Google

famous-fontsPin It
Huffington Post

3. Georgia

News giants like The New York Times and Huffington Post want to keep the feeling of paper on the screen, so they use Georgia, the sibling serif font of Verdana, in both their headers and body fonts for full articles. The font was conceived to maintain style and legibility even when scaled down, so it looks as great on the desktop as on it does on mobile devices. Wikipedia is another website that likes to keep the old-world feeling of printed press for its titles, but it uses a standard sans serif for body text. Tumblr uses Georgia to add a classic touch to quotes when re-blogged.

famous-fontsPin It
The New York Times

famous-fontsPin It
Wikipedia

4. Proxima Nova

Hip news needs an equally hip font to make it pop. Buzzfeed uses Proxima Nova, a new Futura-like font created by designer Mark Simmons. It features many different weights and alternative characters, so it is extremely versatile whenever and wherever it is used. Buzzfeed shakes up the standards with other bold font choices on its homepage: Helvetica for a body font in snips of featured articles and Tahoma, a humanist sans serif, for footers. Cracked also features Proxima Nova in its body font, simple headlines and footers, but it also uses Arvo for its mind-blowing headlines.

famous-fontsPin It
Buzzfeed

famous-fontsPin It
Cracked

5. Arvo

Like Buzzfeed, Cracked uses Proxima Nova for some of its body, but it uses a sleek, new font called Arvo to catch your attention in the headers. It's close to Egyptian with it's slab-serifs, and it is very geometric. Arvo is a free font available through Google, so it's becoming quite popular.

famous-fontsPin It
Cracked

What Fonts Are Used On Your Favorite Sites?

What sites have inspired you lately and what fonts do they use? Leave a comment below and let us know.


Screenshots created using WhatFont.

Free lettering worksheets


Download now!

img

Download now!

Getting started with hand lettering?

Download these worksheets and start practicing with simple instructions and tracing exercises.

12 Comments

  1. Great work. Thanks! What kind of typeface analyzer do you use? I mean the darkgrey windows inside the pictures.

  2. Anyone can easily tell the difference between Helvetica and Arial at a glance? I can only distinguish certain characters that are different, like upper case G, but other characters seen too difficult for me to distinguish, the look the same... Is there any trick to recognize which is which?

  3. @Josh Johnson , What a wonderful article you wrote, exactly what I was asking for, thank you ever so much, I am very happy I read it, now I can be one of those guys...

  4. Looks like I have to bookmark this one. It's worth to save. What a great article !

  5. I love Lato and Raleway, i use them a lot actually, of course i love proxima nova, but it's too expensive for me right now so i just look at it and i am happy :)

  6. Liberation Sans, available from Google Web Fonts as "Arimo", is a dimensionally compatible substitute for Helvetica and Arial. Its appearance is in some ways a compromise between the two. For a Helvetica-like font stack that puts the most Helvetica-like fonts first, includes Arimo, and suppresses the substitution of Arial for Helvetica on Windows systems, see http://graphicdesign.stackexchange.com/a/9054 .

  7. I'm a Google Fonts addict. They're all free and some are wonderful. I've used OpenSans, Lato, Roboto Condensed (for headlines), just to name a few.

You must be signed in to post a comment.

Made with Creative Market

Browse a gallery of inspiration made with design assets from Creative Market.

Explore the Gallery →

Meet the Creative Market Authors

Learn more about the talented writers behind the articles.

Meet the Authors →

Download Our FREE Branding eBook

Get a FREE, fun, and friendly guide to design your own brand.

Get your eBook →