20 Free Sans-Serif Fonts Licensed for @Font-Face

Read the full post

Remember back when @font-face and Google Fonts were first introduced? We only had the choice of a handful of custom fonts we could use. Nowadays it’s quite the opposite, we’re spoilt for choice with hundreds of cool fonts licensed for free @font-face embedding. This post rounds up a collection of 20 stylish sans-serif fonts, all of which can be downloaded and used freely to spice up your website design’s typography.


Download the font


Download the font

Bebas Neue

Download the font


Download the font

CartoGothic Std

Download the font

Droid Sans

Download the font


Download the font


Download the font

Josefin Sans Std

Download the font

Web Serveroff

Download the font

Lacuna Regular

Download the font

League Gothic

Download the font

Existence Light

Download the font

Latin Modern Sans

Download the font

News Cycle

Download the font

Open Sans Condensed

Download the font


Download the font

Hattori Hanzo

Download the font

Greyscale Basic

Download the font


Download the font

Free web shadows pack for every subscriber

Join the mailing list to have new content delivered straight to your email inbox. Every subscriber gets a free pack of realistic web shadows.

Written by Chris Spooner

Chris Spooner is a designer who loves experimenting with new web design techniques collating creative website designs. Check out Chris' design tutorials and articles at Blog.SpoonGraphics or follow his daily findings on Twitter.

  • Abdelhadi Touil

    Thanks Chris for this great collection, it's very useful.

  • Caio Ribeiro Pereira

    Nice!! These are beautiful and useful fonts!

  • Travis Welborn

    Droid Sans is my favorite, but all of these are great. Nice group Chris!

  • Alan Kelly

    LOVE League Gothic!

  • Jason

    I think i have a sick obsession with fonts….I could pour through them all day long

  • Tom Durkin

    Great font collection. Bebas Neue is one of my personal favorite fonts at the moment.

    May I also recommend Museo Sans.

  • Design Knock

    excellent collection you have. thanks

  • Dzinepress

    i am downloading all of these creative fonts. thanks for sharing

  • Viktor Szucs

    Nice collection. :) In my opinion the most problem with these font libraries that less part of them supports the full unicode character set (e.g. in Hungarian language I need öőüűú letters).

  • canciller

    Nice !!! … thanks.

  • Nadia Nasrallah

    Thanks for the great collection of fonts!

  • smashinghub

    ASAP i am using in smashinghub its awesome

  • fabir

    great.thanks for sharing

  • Website Designing in Indore

    I am very happy to read your articles it’s very useful for me,
    and I am completely satisfied with your website.
    All comments and articles are very useful and very good.
    Your blog is very attention-grabbing. I am loving all of the in
    turn you are sharing with each one!…
    <a href="; title="Website Designing in Indore"
    target="_blank">Website Designing in Indore</a>

  • John

    Excellent collection! Thanks!

  • Tyler

    Great post, Chris. @fontface is probably the best thing to happen to web design.

  • Web Design

    Great List! Specially Josefin Sans Std is more stylish than other. Thanks for sharing.

  • Buzz

    Nice collection, I really like Hattori Hanzo… thanks for sharing

  • Unnati

    Excellent collection you have. Thanks for sharing Chris.

  • wadiha hasan

    Me is a font lover especially sans-serifs <3 nice post

  • Rebecca

    Oh I love a good font round up! Already have bebas, droid sans and raleway – but thank you for introducing me to Josef and League Gothic!!

  • Justin

    Really nice collection chris!

  • Cah Oblianda

    Wow, Great Collections

  • Raul

    Really nice collection ! Thank you !

  • umesh ramidi

    Great collection and fantastic fonts the fonts are are very helpful thank you