I'm looking for a web safe font that looks like this:

Convenience font img

Of course I can find tons of fonts which look like this that are available, but they are not web safe. I need a common font (e.g.Arial, Times New Roman, etc.) because I intend to use the font for my website, for headings.

  • 3
    Check out Google Webfonts they have some thicker fonts (Gudea, Francois One, Istok Web, etc.) and they are made to use on websites. – Hanna Sep 8 '13 at 13:22
  • 1
    If you want something common, you need look no further than the nearest Windows PC. I don't think Windows comes with anything that condensed: Arial Narrow is probably the closest. Best thing to do is to use a webfont so you know exactly what your users see. – Andrew Leach Sep 8 '13 at 13:36
  • Why limit yourself to web safe fonts anymore? It's 2013 and web fonts are now well-supported, and these of course don't require the user to have them pre-installed. – thomasrutter Sep 9 '13 at 5:43
  • @Andrew Leach, Arial Narrow is not installed with Windows, it is only installed with Microsoft Office. – pieroxy Nov 20 '14 at 14:40

Open Sans Condensed

Open Sans

Multiple weights, and a non-condensed version available as well.

  • 1
    That's a nice pick! – Brendan Sep 9 '13 at 13:07
  • what will be fallback font for this? – Vivek Kumar Apr 26 '18 at 13:29

League Gothic is a great condensed "headline" font. It's a little more in the Gothic camp than Geometric (which is what your sample leans towards in my opinion), but I think you'll like it a lot.

enter image description here

EDIT: @thomasrutter made a comment below about the nature of "web safe." While this is not a Core Font that is naturally sitting on the vast majority of PCs, this is a freely available and embeddable font, so as long as you get the right font files (FontSquirrel has a good resource for this), you'll get compatibility on virtually every browser that's used today (even IE, since version 4!).

  • People have different meanings when they say "web safe", but if they mean fonts that are part of Microsoft's Core Fonts for the Web and/or pre-installed on most users' computers, this is not web-safe. – thomasrutter Sep 9 '13 at 5:42
  • @thomasrutter - Good point. I edited my answer to elaborate why I believe this to be "web safe". – Brendan Sep 9 '13 at 12:44

Although it doesn't look exactly the same, I'd recommend Impact as a great font that most computers will have installed already (Impact has been distributed with Microsoft Windows since Windows 98).

enter image description here

But there's no reason why you wouldn't use google webfonts, as mentioned in the comments, so I'd probably go in that direction.

You might find these interesting:


I'd say 'Franklin Gothic Medium' and 'Arial Narrow' in that order. See https://www.cssfontstack.com/ for the numbers on how safe they are.

  • This is actually the most useful answer, b/c all the others are mentioning custom fonts, not preinstalled on most computers. And many thanks for the cssfontstack link - was able to find some fallbacks there – Alex Mar 30 at 20:02

Roboto Condensed While this is not a "web-safe font" it can be very easily included on your page.

The snippet below shows how to include Roboto And Roboto Condensed asynchronously. (Taken from here).

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" media="print" onload="this.onload=null;this.removeAttribute('media');" href="https://fonts.googleapis.com/css2?family=Roboto&family=Roboto+Condensed&display=swap">

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.