treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Tahoma font family

  • It seems that every time I look-up the font-family for Tahoma, nobody can agree on it's font-family. Currently I'm using:

    font-family: Tahoma,Geneva,Kalimati,sans-serif;

    but wanted to see if we could come up with a 'best answer' to one of life's most pressing questions.

  • @mmcgu1966 Are you talking about the actual font family (regular, bold) or font stacking?

  • I was about to whip-out "stacking", but now I'm curious why you ask since I thought it was kinda moot outside of using it outside of '@font-face'.

  • @mmcgu1966 I'm not following what you're saying.

  • I think I found a better answer here:

    http://www.sitepoint.com/eight-definitive-font-stacks-2/

    font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;

  • Wow. That's a bit crazy with font stacking.

  • A little overkill, but the whole article is worth reading. I've never used Frutiger before and like the look. Here's my current (simpler) stack that targets Tahoma:

    font-family: Frutiger, "Frutiger Linotype", Tahoma, Helvetica, sans-serif;

  • I read it but we've come a long way since 2009.

  • @mmcgu1966 What do you mean by a font stack that targets Tahoma? Technically speaking, that font stack targets Frutiger and falls back to Tahoma/Helvetica/sans-serif if required.

    If you want a Tahoma specific font stack, then something like this would work well (taken from http://cssfontstack.com/):

    font-family: Tahoma, Verdana, Segoe, sans-serif;

    In terms of choosing a font stack, there is no perfect answer, so I wouldn't be too worried that everyone doesn't agree. Simply choose a stack that works well for you. Try and choose fonts that have similar character widths and x-heights, and have good OS support.

  • I agree with Josh, Verdana is a perfect choice for a fallback to Tahoma. You should look into web fonts. If you're looking for text type I would recommend Webtype.

    Most importantly I would find similarities between the glyphs, not just width and x-height.