Ten Lovely AND Free Sans Serif Fonts for Your Design Work

On our endless search for great free goodies and design resources for SitePoint readers, I always like to keep an eye on the world of typography. Luckily for us designers there are tons of typographers offering beautiful typefaces to download for free. As always, check the license on the typeface download. All the fonts featured here are available for personal use (such as on your own website), and many are open for commercial use, too.

Giro by Marcelo Magalhaes is available as “Normal” and “Light.” The font is modern and light.

GiroNormal

Giro1

League Gothic is a revival of an old classic, Alternate Gothic No.1, which was originally designed by Morris Fuller Benton for the American Type Founders Company (ATF) in 1903.

LEagueGothic

Quicksand is the first typeface made available for free by Alienbreed. Download it here.

QuickSand

Edelsans by Jacob Runge is an elegant and modern sans serif available in several weights.

Edelsans1

Evolution by Paul W is a round and curvy true type font.

Evolution

Vegur (site is in Japanese but the download button is in the bottom right corner under main image) available in Extra Light, Regular and Bold.

Vegur

MISO is a gorgeous sans serif font. Download and read more here. The designer Mårten Nettelbladt describes it tongue in cheek as “a heavy duty typeface for the construction industry.”

Miso

Kilogram from Kalle Graphics is a strong stylized sans serif. It has a somewhat old fashioned feel but is quite distinctive and would make an eye catching heading.

Kilogram

Nevis is another strong “friendly but bold” font from Ten By Twenty. As recommended by the designers, this typeface looks really good in all caps. I love the retro feel of this sans serif typeface.

Nevis

Code from Font Fabric is a beautiful, clean typeface suitable for all types of web and graphic design work.

codeBold

CodeLight

Enjoy the fonts and the weekend.

Free book: Jump Start HTML5 Basics

Grab a free copy of one our latest ebooks! Packed with hints and tips on HTML5's most powerful new features.

  • mwistrand

    We’ve used League Gothic and Evolution before, and they are both pretty fantastic. However, I’ve never heard of MISO, and that also looks like a beautiful font. Thanks for posting this!

  • Sean O

    Thanks for the links, some nice fonts here.

    Please correct the Nevis download link (copied from link above).
    http://www.tenbytwenty.com/nevis.php

    –SEAN O

  • http://m2i3.com myrdhrin

    Very interesting fonts indeed…
    One things come to mind this morning while viewing them (and it most likely has to do with my lack of knowledge on typography) and that is, how do you pick the right font?
    I mean, there a lot of material available online as how colors, shapes and patterns makes people feel. I have yet to see the same thing with fonts and we all know how much a font can make/break the message you’re putting online. So far it seems more like trial and error to me.
    Any idea on the topic Jennifer?

    • http://www.laughingliondesign.net Jennifer Farley

      Hi Myrdhrin
      Well picking fonts can be a tricky one for sure, and you’re right different typefaces can create very different moods. I advise people when they’re getting started to stick to 2 fonts or less when working on a design piece – either web or graphic design. The two fonts can include regular, bold, light, condensed styles so there is still potential for a lot of variety but by choosing only 2 or even 1 font you will have a consistency.

      Have a look at this series I wrote on typography here at Sitepoint – http://blogs.sitepoint.com/2009/05/20/focus-on-typography-part-1-contrast/ – it might help you make decisions about what goes together.

  • fn64

    Code is nice looking one.
    Thanks!

  • vg123

    Thanks so much for sharing these links. I love finding different typefaces and these look very nice.

  • Jason Cronze

    TypeDNA have a very nice tool for browsing free fonts, it uses their unique attribute filters and similarity algorithm to find fonts fast http://www.typedna.com/freedna/

  • Louis Simoneau

    It’s worth noting that several of these fonts (including Edelsans and Evolution) are licensed under Creative Commons licenses requiring attribution and forbidding use in commercial works, so although they are free to use, you need to respect the terms of those licenses.

  • http://www.onestopcontent.net 1stopcontent

    Evolution is common now. But I’m confused with Louis’s comment. The above codes are free, so can be used publicly right?

  • Louis Simoneau

    Go to the Evolution page, scroll down and look in the right-hand sidebar for the “License” block. It states that the font is licensed under Creative Commons Attribution-Noncommercial-Noderivs (http://creativecommons.org/licenses/by-nc-nd/3.0/) … so your use of the font needs to adhere to the terms of that license unless you reach a separate agreement with the creator of the font.

    That particular license states that: you can’t use the font for commercial work, you must attribute the creator, and you can’t create a derivative work based on the font (basically means that you couldn’t modify it to create a new font of your own). Other than that you’re free to download, share, and use the font however you want.

    I think it’s really important that people pay attention to the terms and conditions set out by people who’re generous enough to provide their hard work for free. Don’t just go running around grabbing stuff and using it willy-nilly just because someone said it was “free”. It’s a wee bit of homework, but you’ll have a clear conscience knowing you’re not ripping anyone off.