Jump to content
Slate Blackcurrant Watermelon Strawberry Orange Banana Apple Emerald Chocolate Marble
Slate Blackcurrant Watermelon Strawberry Orange Banana Apple Emerald Chocolate Marble
Sign in to follow this  
Rss Bot

20 amazing free Google web fonts

Recommended Posts

Looking to start your next digital project? Be it a website, app or other screen-based venture, there’s an abundance of high-quality and (best of all) free web fonts out there. Let’s take a look at some of the best options. You’ll find them all, and many more, at fonts.google.com.

01. Rubik

L4P2svhzUSYwC42SFrDHea.png

Rubik features subtle, rounded corners

A sans-serif family with five weights – Light, Regular, Medium, Bold and Black, all with italics – Rubik has subtle, rounded corners and is ideal for both body copy and headlines. It was designed by Philipp Hubert and Sebastian Fischer at Hubert and Fischer. 

02. Monoton

7Muv7sawkuemzSwVN8d2Ha.png

Monoton is a contemporary take on metalpress fonts

A display font (recommended to be used above 30pt) much in the style of Alex Trochut, Monoton is a contemporary take on metalpress fonts, and was designed by Vernon Adams. It's perfect for a quirky headline on your site – as the estimated 2,000,000 websites it has been used on proves. Pair it with a modern serif for a contemporary yet classic feel.

03. Karla

G6w84PREatm2EWiriiyRHa.png

Karla comes in Regular and Bold, along with italics

Karla is a grotesque sans-serif typeface in Regular and Bold (along with italics) with some rather nice quirks – check out the subtle, curved descenders on the ‘q’ and ‘y’, for instance. Designed by Jonny Pinhorn, it's equally appealing at over 40pt right down to body copy sizes.

04. Baloo

uCo2hr8mHoKJg82YCHYkHa.png

You can use Baloo in nine Indian scripts, if you so wish

According to Google, Baloo is "a perfect blend of pointy paws in a coat of fur". OK. We think it's an intriguing rounded display face, that’s also available in nine Indian scripts along with a Latin counterpart. Versatile and, well, rather beautiful.

05. Neuton

5o2Cirx9MxJnjPBEWt3XHa.png

Neuton is a versatile, Dutch-style face

Neuton is a little like Times in structure, with its large height, short extenders, and a compact width. It’s perfect for body copy and comes in Extra-Light, Light, Regular, Regular Italic, Bold and Extra Bold. A hugely versatile Dutch-inspired face by designer Brian Zick.

06. Alegreya SC

3UW5ppbLXBi9GYmKFCS5La.png

This all-caps face creates impact for headlines

If you’re looking for an all-caps typeface for a bit of impact in your headlines or supporting text, Alegreya SC may be just the ticket. Pair it with the rest of the Alegreya family for an elegant consistency across your screen projects.

07. Lilita One

9ttFdAZuCreSkU4zKXSdHa.png

Use Lilita One at 40pt or over for maximum impact

A little bit condensed, a little bit rounded, and a little bit quirky in its rounded terminals and soft appearance, Lilita One is a fun display font for headlines and shorter text (perhaps navigational elements). Best used at 40pt and above, we reckon.

08. EB Garamond

E7s45KQntXWWeQ2Cv3DCMa.png

Worth checking out, even though it's currently only available in Regular

EB Garamond is an open source revival of Claud Garamond’s classic typeface from the mid-16th century, and we can’t really explain it in any more detail. A sublime and elegant body font, even if it is only available in Regular at this point. It’s worth checking out Cormorant Garamond, as well.

09. Lora

hpmZzdKBvUqS8S3jDUSpPa.png

Lora is ideal for large chunks of body text

Available in Regular, Regular Italic, Bold and Bold Italic, Lora is a serif font particularly suited to reams of body text. Google says "the overall typographic voice of Lora perfectly conveys the mood of a modern-day story, or an art essay". We particularly like the way the stem flows into the tittle on the lowercase ‘i’ in Regular Italic.

10. Space Mono

RaMBhcb5cYPXQDZzKzgQMa.png

This sci-fi-style face comes in Regular and Bold versions

Geometric fuses with grotesque in this sci-fi-esque design. A fixed-width family in Regular and Bold (with italics – Regular Italic being our favourite, thanks to its wonderful descenders and serifs), Space Mono is one cool display face. As well as in headlines, use the Regular weight sparingly for short passages of text.

Next page: 10 more great Google web fonts

11. Kaushan Script

QdDT7UhQ8kbdQZrfUeY2Qa.png

This calligraphic font purposefully avoids typographic perfection

The calligraphic, energetic Kaushan is a script font that deliberately avoids typographic perfection, with slight variation in angles between verticals in characters and uneven positioning along the baseline. For a script font it’s very readable, even at small sizes – but of course we’d only recommend it for headlines, used in moderation.

12. Julius Sans One

XuiaNJ9e6LPhGLCbhsKESa.png

Try Julius Sans One for subtle headlines that still make an impact

More than a hint of Roman here, with a modern twist to some of the legs, Julius Sans One is a thin display font perfect for subtle, yet still impactful, headlines. Pair it with the likes of Lato Light, maybe, for a refined, low-key style.

13. Courgette

6eNP5fsRk9JFTxQbcJnLWa.png

Use this medium-contrast italic-only font larger than 40pt

A brush script with flourishing impact, Courgette is a medium-contrast italic-only font. Yes, you’ll want to use it larger than 40pt, but Google tells us that the low stroke contrast can even work in body text (although we’d suggest you are cautious if you take that advice).

14. Wire One

q6eNDp8H4rAvQdBKBJD4Ua.png

This condensed sans is sharp and stylish

Wire One is so thin you’re not going to want to use it at anything below 12pt – and even that may be pushing legibility. It’s a lovely condensed sans, nonetheless, and its minuscule dot terminals are quite beautiful. Sharp and stylish.

15. Cormorant

TnKkhWFiJt9vMpupGMJYda.png

Cormorant was inspired by Claude Garamond

This is one behemoth of a free typeface. It comprises Roman, Italic, Infant, Infant Italic, Garamond, Garamond Italic, Upright Cursive, Small Caps, and Unicase; and five weights – Light, Regular, Medium, SemiBold, and Bold. From display to body, you could easily build a whole style around this Claude Garamond-inspired number.

16. Righteous

eNrHnQPwDGAs7XkHVVmVYa.png

Righteous' lowercase 'e' will divide opinion

There’s a touch of Avant Garde in this display font, inspired by the capital letterforms from the deco posters of Hungarian artist Robert Berény for Modiano. While the lowercase ‘e’ may be a little sharp for some, it’s without doubt an arresting font when used at large point sizes.

17. Bungee Shade

wSfdQU4HqqeA4DY5sGwHba.png

Bungee celebrates urban signage

If you want ultimate impact with your headlines – and even a start for your graphic projects – Bungee Shade is a great shout. According to Google, Bungee celebrates urban signage, with Shade being just one variant. Check out the regular Bungee for a less extravagant, yet still impactful display font (and Bungee Inline for a lovely reversal of Shade).

18. Amatic SC

tjHMiGdmqePwfRuesCEBba.png

Open source face Amatic SC has a hand-drawn aesthetic

‘Hand-drawn’ and ‘web fonts’ don’t often go together in the same sentence, but Amatic SC (small caps) is undoubtedly one of the better open source offerings out there. Use it sparingly in both headlines and shorter measures of text for a crafty feel.

19. Roboto

boGqFRrJrRaX6T4oUz84Ja.png

Roboto is used on over 11 million sites worldwide

Roboto is one of the most common open source web fonts out there (used on over 11,000,000 sites worldwide), and for good reason. It's a surprisingly rhythmic sans that can be used alongside Roboto Condensed and Roboto Slab for a consistent, contemporary style.

20. Arvo

DTqvN4KtivpjGyCuWbfTba.png

Geometric slab Arvo works as well in print as it does on screen

A geometric slab, Arvo is equally at home in print as it is on screen – as long as you’re using it for headlines, that is. Arvo is hugely legible at any size over 30pt, and – particularly in the Bold weight – a font that will stop your viewers in their tracks and take notice.

Related articles:

View the full article

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

×