8 Excellent Fonts For Screen and Print

Well, it’s been a few months since my last post about fonts and typefaces and since then I’ve done a lot more exploring into the vast world of typefaces and returned with some very interesting finds.

I am the Indiana Jones of the typeface world.

As followers of my site will know, I particular passion of mine is Graphical User Interface (GUI) design. Hell, I work on computers for many hours a day*, mainly my own, and have a lot of experience and interest in customising and theming Linux Operating Systems. I am, consciously and subconsciously, always seeking the perfect GUI for Operating Systems. And a very large chunk of what makes a GUI look so usable and appealing is in the choice of font used.

ANY_CHARACTER_HERE

Fonts In The World of GUI

You only have to look at real-world examples to understand this. Apple’s celebrated “Aqua” interface, used in their OS X series of Operating Systems, is one of the world’s most recognisable, usable and beautiful GUIs available. Undoubtedly, a vital part of the Aqua look is in the font used – Lucida Grande. Such is the popularity and beauty of this font that it has become widely used as the body text font on websites all over the internet. It is, for example, Facebook’s primary font. I also use it on my site.

Aqua Interface on Leopard OS X

The Aqua Interface as shown on Mac OS X "Leopard"

ANY_CHARACTER_HERE

In the world of Microsoft Windows, the release of their Vista OS also introduced a brand new GUI named “Aero” – featuring translucent ‘glassy’ windows, glossy buttons and a brand new system font called Segoe UI. Segoe UI is an excellent humanist sans-serif that has proven to be very popular and highly legible to boot. So successful was this font choice that Microsoft decided to keep it for their subsequent OS release “Windows 7″.

The Aero UI in Windows 7

The "Aero" GUI as shown in Microsoft Windows 7

ANY_CHARACTER_HERE

Fonts In The World of Linux GUI

Linux, up until recent times, remained unremarkable when it came to GUI design. Really, it’s been in the last 2-3 years that we have seen considerable advances in the GUI of Linux desktops. Ubuntu made strides forward with its “Human” interface – featuring subtle browns and bright orange icons. Similarly, SuSE and openSuSE became well-known for their primarily green colour scheme. But what was missing from the GUI of these two great Linux distros was a magnificent screen font. Many Linux distros, including Ubuntu and SuSE, adopted the DejaVu family of fonts, which is a nice family of fonts but certainly not on a par with Lucida Grande or Segoe UI.

But all of that is changing. With the release of Ubuntu’s “Lucid Lynx” LTS OS, we saw a brand new UI, named “Light”. Ubuntu Lucid shipped with two new default themes – Ambiance and Radiance – a new icon theme called Humanity, and a completely new branding overhaul, complete with a new logo and colour palette of white, orange and “aubergine” purple. The new interface was adored and hated in equal measure by many but more importantly, whether you hated the look or not, it signified a new direction from Ubuntu in particular and from Linux general and that was a move towards mainstream mass usage.

And, for typeface lovers like me, a further development announced in Mark Shuttleworth’s post on the new Ubuntu UI was the immediate development of a new humanist sans-serif designed specifically for Ubuntu. It would simply be called “Ubuntu” and developed by the famous font foundry Dalton-Maag. The font itself was not ready for the Lucid release but we should hopefully see it in use for the forthcoming “Maverick Meerkat” release in October 2010.

Until that glorious day when the new Ubuntu font is released, I’ve been searching and experimenting with various typefaces on my desktop. I have accumulated here what I consider to be the best fonts for screen usage, as well as a couple of other fonts I’m fond of that are useful for print design. Even better is that these fonts are free.

ANY_CHARACTER_HERE

Sans Screen Fonts

ANY_CHARACTER_HERE

Aller Sans

Aller Sans demonstration

A showcase of the Aller Sans font

Aller Sans was designed for the Danish School of Media and Journalism and developed by Dalton-Maag – the company currently working on the new Ubuntu typeface. Aller Sans is an excellent sans font for screen legibility – it showcases slightly thicker than average strokes and is readable at all sizes. The font package itself includes properly rendered bold and italic styles as well as providing two alternative variants as well – ‘Light’, a thinner version that works nicely for headers, and ‘Display’, a bold mixed-case style. It’s been properly kerned and hinted for screen use as well. Curiously, in the few previews I’ve seen of the new Ubuntu font, Aller Sans and Ubuntu show remarkable similarities. Perhaps this typeface is the precursor to the new Ubuntu font?

The font is free for use non- and commercial use.

ANY_CHARACTER_HERE

PT Sans

Showcase of PT Sans

Showcase of PT Sans

A typeface I found fairly recently, PT Sans is a remarkable humanist sans-serif with excellent legibility for screen use. The PT Sans family was “developed as a part of the project “Public Types of Russian Federation”. The fonts of this project have open user license and can be freely distributed. The main aim of the project is to give possibility to the peoples of Russia to read and write on their native languages.” It bears some resemblance to Aller sans, particular in the numerical characters where PT Sans has more uniform metrics than Aller Sans. PT Sans has extensive Eurasian language support and includes, as well as properly rendered Bold and Italic styles, a ‘Caption’ style for smaller uses and a ‘Narrow’ version for more economic purposes. Both extra styles are still excellent screen fonts.

PT Sans is free for non- and commercial use.

ANY_CHARACTER_HERE

Droid Sans

Droid Sans Showcase

A showcase of Droid Sans

Developed for the mobile phone platform Android, Droid Sans is undoubtedly one of the best humanist sans-serif typefaces to be released in recent times. It is practically flawless; the hinting and kerning of the font is perfect, it’s readable in every size and it’s very, very beautiful. Droid Sans is quickly becoming an extremely popular typeface to use, not just for use in Linux distros, but also many websites are now adopting the font for use in body text. The Droid font family also includes an excellent monospaced typeface and a serif variations as well. All bold and italic styles are properly rendered and hinted.

Use of the font falls under the Apache License.

ANY_CHARACTER_HERE

M Plus

The M Plus font family

Showcase of M Plus font

To this day, I still can’t remember where I found the M Plus font family website, but I’m glad I did. This font family is huge. It contains, and I quote:

Basic Latin, Latin-1 Supplement, Latin Extended-A, and IPA Extensions. And most of Greek, Cyrillic, Vietnamese, and extended glyphs and symbols were prepared too. So the fonts are in conformity with ISO-8859-1, 2, 3, 4, 5, 7, 9, 10, 13, 14, 15, 16, Windows-1252, T1, and VISCII encoding. In addition, proportional M+ P Type-1 and M+ P Type-2 fonts were completed with Latin Extended-B, Latin Extended Additional, and Windows Glyph List 4 (WGL4). And many Greek, Cyrillic, IPA Extensions glyphs, and symbols were expanded. Those additional glyphs are included in M+ C provisionality.

The font family contains 7 styles – M+ 1c, M+ 1m, M+ 1mn, M+ 1p, M+ 2c, M+ 2m, M+ 2p – and in a variety of different weights, from thin to heavy. It’s a very readable font but you can tell it’s still in heavy development – the kerning needs addressing (too much space between characters at around 10pts) to begin with. I would, however, definitely keep an eye on the development of this font family; improvements are being made all the time.

M Plus is completely free software.

ANY_CHARACTER_HERE

CartoGothic

CartoGothic STD font showcase

Showcase of CartoGothic STD font

For a while, CartoGothic STD was my preferred font of choice for GUI design. Its characters’ shapes are very reminiscent of Adobe’s Myriad Pro font family. It demonstrates a thicker than average stroke and provides properly rendered bold and italic styles. I feel some work still needs doing on this font though – the hinting for display use is slightly off and the y vertices needs addressing. Still, should this font continue to receive some love I can see it becoming a firm favourite. A commercial version, which includes more weights, is available on the developer’s site.

CartoGothic STD is free for non- and commercial use.

ANY_CHARACTER_HERE

Sans Header Fonts

ANY_CHARACTER_HERE

Vegur

Vegur font showcase

Showcase of the Vegur font

Vegur is my typeface of preference for my company logo and with good reason. It is a gorgeous humanist sans font. As with CartoGothic STD, you can see the Myriad Pro influence. In particular, I adore the light weight of this font and it will easily add a sense of class and professionalism to any print design. More work is required before it’s ready for display use, I feel, but the font version is only up to 0.601 and is still in development, so there’s plenty of scope for improvement.

Vegur is free for non- and commercial use.

ANY_CHARACTER_HERE

Serif Header Fonts

ANY_CHARACTER_HERE

IM Fell Great Primer

IM Fell Great Primer showcase

Showcase of IM Fell Great Primer

Moving into the territory of serif typefaces, we chance upon an unusual yet totally awesome font project. The Fell Types is the work of Igino Marini, who seeks to digitally modernise and revive the work of a 17th Century Oxford Bishop John Fell, who developed the original typefaces. Marini has lovingly recreated each character in each typeface, compiled them into various font families and provided extensive hinting and kerning work to turn these ancient works into usable fonts. Of the ones currently available, Great Primer is my favourite, available in regular, authentic italic and small caps styles.

IM Fell’s Great Primer is free for non- and commercial use provided that the required citation is present.

ANY_CHARACTER_HERE

Light Sans Header Fonts

ANY_CHARACTER_HERE

Raleway

Raleway showcase

A showcase of the Raleway font

To cap off this post, I leave you with a typeface completely unsuited to screen use but brilliant for print design. Raleway is a light, neo-grotesque-inspired sans font suitable for headers in print design. It is a “display face that features both old style and lining numerals, standard and discretionary ligatures, a pretty complete set of diacritics, as well as a stylistic alternate inspired by more geometric sans-serif typefaces than it’s neo-grotesque inspired default character set.” It is available only in a light style but it does it very well.

Raleway is a free, open-source font.

ANY_CHARACTER_HERE

To Conclude

Well, I hope you’ve found this post interesting and useful. Screen typefaces is not a topic touched on all that often but is a particular love of mine. Here’s hoping that the new Ubuntu font will be awesome.

Please feel free to share this article around. Tweet it, Facebook it, Buzz it, Digg it, whatever. Share your love for great GUI design and for excellent screen-ready typefaces!

Ian Cylkowski aka Izo

Logo & Brand Identity Design, Print Design and GUI/UX Design

If you liked this post, feel free to share with the buttons below!

You should follow me on Twitter HERE.

* About 14+ on average.

Comments

29 Comments so far. Leave a comment below.
  1. Some great fonts there (I’m particularly fond of the Droid Sans family and Raleway).

    The real bummer is that several of those fonts, while free as in beer, aren’t freely usable/distributable, making them difficult to use online.

    • Izo,

      @JakeT: thanks for the comment. It is a shame that some of these aren’t more freely distributable. One day we’ll live in a world where font authors and foundrys are more free with their fonts.

  2. Droid Sans gets my vote for Best in Show, but it’s nice to see some new (to me), free and elegant fonts thrown into the mix. IM Fell Great Primer is beautiful too…Arrrr matey!

  3. alfanick,

    Thank you! I discovered PT Sans font! It is truly awesome – still readable at 7pt ;)

  4. I can’t explain why but Droid gets much worse hinting on my system (Linux/freetype) than DejaVu. It looks even worse when I turn on subpixel filtering. Really strange.

  5. dakira,

    Wow. I’ve been using Liberation Sans for quite a while. I really like Droid Sans. Who made it?

  6. Ax Plains,

    Hello, very good collection of fonts.
    I have a curiosity: what font did you use for the caption “design by izo” in the font showcase images? Is that Myriad?
    Thank you.

  7. Hello Ian,

    How would you compare Droid Serif and Gentium Book Basic for screen use? I personally feel Gentium Book Basic has slightly thicker strokes which make it slightly more legible than Droid Serif. Both are excellent fonts though…

    Can you recommend a nice typeface for body text for screen use? Something extremely legible like Droid Serif but with a more book-ish feel…

    Thanks,
    Karl

  8. Liberation Serif by Ascender Corporation seems to be another excellent serif typeface for the screen. What do you think?

    • Izo,

      Hi Karl! I would, personally, prefer Droid Serif over Gentium, especially at smaller points; the Droid family has had extensive work behind them to make them extremely legible for screen use. Liberation Serif is, also, an extremely excellent screen serif. I can also recommend the DejaVu Family, there’s a screen serif (more of a slab-serif) that is rather excellent.

  9. Do you know the book image at the top of the post is written in Romanian? I didn’t realize that until my brain said “wait a minute, that was to readable” :)

    More on topic, great post… I’ve been using Droid Sans lately and it’s the most readable on all the LCDs I use.

  10. Hi Ian,

    Seems like Paratype has recently released PT Serif, a companion to PT Sans. I think it’s just awesome!

    Check them both out at http://www.paratype.com/public/

  11. Nice article there. I was looking for some nice fonts to use as paragraph text and here is a lovely list.

  12. Cool post! Keep sharing like this! Thanks!

  13. Corrie,

    What fonts can be licensed for GUI design for touch screen products or mobile apps? After a lengthy set of emails with Adobe they say (Quoting Caleb from their licensing team) “At this time, we do not currently license our fonts for use in mobile apps except some very specific licenses we have created for some table devices.”
    I thought half their software was specifically geared towards App design so why can’t I licence their fonts??
    Desperately need something I can legally use for a client.
    Thanks
    Corrie

Add Your Comments

Disclaimer
Your email is never published nor shared.
Required
Required
Tips

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <ol> <ul> <li> <strong>

Ready?