By Jennifer Farley

Ten Lovely AND Free Sans Serif Fonts for Your Design Work

By Jennifer Farley

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.



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.


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


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


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


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.


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.”


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.


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.


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



Enjoy the fonts and the weekend.

  • 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).

    –SEAN O

  • 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?

    • 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 – – it might help you make decisions about what goes together.

  • fn64

    Code is nice looking one.

  • 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

  • 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.

  • 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 ( … 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.

Get the latest in Front-end, once a week, for free.