4

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.

Improve this question
4
  • 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, 2013 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, 2013 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, 2013 at 5:43
  • @Andrew Leach, Arial Narrow is not installed with Windows, it is only installed with Microsoft Office.
    – pieroxy
    Nov 20, 2014 at 14:40

5 Answers 5

Reset to default
7

Open Sans Condensed

Open Sans

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

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

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

Improve this answer
2
  • 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, 2013 at 5:42
  • @thomasrutter - Good point. I edited my answer to elaborate why I believe this to be "web safe".
    – Brendan
    Sep 9, 2013 at 12:44
1

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:

Improve this answer
1

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.

Improve this answer
1
  • 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, 2021 at 20:02
0

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">
Improve this answer

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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