78
I still think that for web, the best free option out there is Liberation Sans. It renders perfectly with @font-face.
But you can get Helvetica Neue for web from Fonts.com for web use for a fair price too. I would probably use font-family:"Helvetica Neue, Helvetica, Liberation Sans, Arial, sans-serif"; so those pcs with the font installed can see it, and ...
53
Roboto is a good neo-grotesque sans that can replace Helvetica. Commissioned by Google and released for free. Used as Android's default font.
Google re-designed Roboto in July 2014. The above sample has now been updated.
More about Roboto's (pre-redesign) similarity to Helvetica here. I wouldn't overstate its similarity, but I would say it's a good ...
44
Option 1: Use a browser extension (Easy)
Extensions such as WhatFont (available for Chrome, Firefox and Safari) make it quite easy to detect font families of any text in a webpage. You just need to install the extension, activate it on a site and click on the element you want to inspect. The results are shown in a floating box, always in the context of your ...
31
Nunito is really quite different to Avenir - the letters are quite rounded.
I've done some serious work on this for a client and found the Google font Lato is virtually indistinguishable from Avenir - you can literally put two words in the two fonts next to each other and not tell the difference.
29
Tex-Gyre-Heros is for me the best one.
Enjoy it!
Tex-Gyre fonts at GUST e-foundry home
Install on Ubuntu:
sudo apt install tex-gyre
27
One family I've recently noticed is the TT Chocolates and the Extra Light looks pretty close to what you need, but note the '1' in the image below is replaced with an uppercase 'i' (as suggested by Chris H in the comments below).
19
On linux you can go to https://github.com/google/woff2 and compile that, then you'll have two utilities, one for compressing fonts to woff2 format and the other to decompress woff2 fonts to ttf.
18
The closest open source licensed font to Helvetica Neue I have found is surprisingly GNU FreeSans. Below is a sample from Inkscape, with FreeSans at the top and Helvetica Neue at the bottom. The glyphs are nearly identical, some are a little closer to original Helvetica. The spacing varies slightly (at least in Inkscape). The biggest difference I can see ...
17
A "web font" is just a font used on the web or on the browser. What these web font generators do is just make your life easier by giving you the necessary css for serving the font to your visitors and converting your font to all file formats you need to make sure the font works cross-browser.
Some fonts are considered "web-safe" simply ...
16
I just tried the "Roboto" font and it seems OK:
16
If you really want to use a Google Font, I highly suggest using NUNITO. It has 3 styles: Book, Normal, and Bold. Here is a sample comparison between Book 300 and Avenir: https://web.archive.org/web/20140415053621/http://joelcrawfordsmith.com/new/font/avenir The sentence length is a perfect match and x-height is great. Its only fault is that the ascenders ...
16
It's legal to ask the browser to use Helvetica Neue if it's available on the system, but you'd need a license if you want to serve the font yourself. One option is to use Helvetica Neue if it's system-installed and fall back to some other sans-serif font like Arial if it's not.
14
You can try some version Bernhard Gothic. This is Extra Light:
It's not free and clearly it has different curves than the tube photo. I guess in your application idea the whole presentation with glows and tube frames will be more important than exact curve forms. It should be enough that the glyphs are plausible, technically possible to be and work in a ...
13
I think Museo Sans is good enough:
On Google fonts there is also Montserrat could be used for some words :)
13
These look similar. I hope they'll work for you.
http://www.fontsquirrel.com/fonts/TeX-Gyre-Heros
http://www.google.com/fonts/specimen/Lato
13
For a Helvetica Neue Condensed, you can have a look at the webfont Archivo Narrow:
https://www.google.com/fonts/specimen/Archivo+Narrow
For the Helvetica Neue Black version, this version of Archivo Black is not bad either:
https://www.google.com/fonts/specimen/Archivo+Black
For the other Helvetica Neue like the standard one, other answers have been ...
13
I think the best approach is to use the advanced search tool on your web font service. For example, if you're using Google Fonts, you'd search for "Latin Extended" fonts, and use "ā a" as the test text, to confirm that it contains the macron'd a in the font.
12
The first thing to say, is that I want to be honest and I'm affiliate to the software I present bellow (I'm the software designer/programmer of this font identification engine) and I'm really proud about it :)
It's not an online service but a software application that runs on your Mac or Windows PC:
http://www.findmyfont.com
It takes as input a Text image ...
12
The most condensed monospace, open-source font I've found is via fontsquirrel and is called M+ 1m.
12
Browser's 'inspect element' isn't perfect
Using the developer tools of your browser is a good way to see which fonts are declared in the CSS of a website. This doesn't show which font is actually being rendered though—it only shows the font-stack being applied—the actual font being rendered can vary depending on installed fonts etc.
Another useful tool is ...
12
Yes.
Very much so if you are using Windows, Android, OpenJDK Java development kit, PlayStation 3 & 4, PS Vita, and any other Operating System that uses FreeType that implements the hinting feature.
Also On Windows, projects like gdipp and MacType aim to override the
system renderer with FreeType.
https://en.wikipedia.org/wiki/FreeType#Platforms
...
11
I ended up using Muli from Google Fonts, I think it's pretty close:
11
Constantia would be a better fallback than Times New Roman for Garamond, and Corbel would arguably be a better fallback than Arial for Proxima Nova. They may also have Gill Sans installed with some software, plus Open Sans is not bad.
I'd put something like:
"Adobe Garamond Pro",Constantia,"Times New Roman",Times,serif
"Proxima Nova","Open Sans","Gill ...
11
This font is commercial property and is not allowed to use without proper licensing for usage.
Linotype licensing
11
This part of your code...
.amp {
font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", "Warnock Pro", serif;
font-weight: normal;
font-style: italic;
font-size: 1.1em;
line-height: 1em;
}
Control the ampersands.... Watch the ampersands change as I toggle that CSS on and off....
If you want to change their font, ...
10
One thing to get out there right away:
It looks like you want 1) free, 2) multiple weights, and 3) extended character sets. That's a difficult combination. With a lot of these, a combination of 1 and 3 is possible, that usually means you have to pay to get 2. If 1 and 2 are combined, it's often at the expense of 3.
Back to your question...
Trebuchet is ...
10
There are actually a handful of different weights for Open Sans. This is most likely the Open Sans Light 300.
10
Actually there are some pretty simple principles if your number one criteria is a high-readability font for a website.
Think mainstream. Thanks to @font-face you could choose from thousands and thousands of fonts - but less popular or newer fonts often have rendering issues between browsers and operating systems, sometimes even when they come from ...
answered Jan 16 '14 at 18:30
user56reinstatemonica8
26.3k18 gold badges94 silver badges178 bronze badges
10
Latin Modern Mono is available from FontSquirrel (and also a core font from LaTeX) which is very tight in condensed form.
As an additional option, Anka Coder comes in both Condensed and Narrow widths.
The Narrow version is one of the other narrowest open-source monospace fonts I have seen. It runs neck and neck with M+1M for width, but with a more ...
9
I have found Prompt to be very close to Avenir Next Pro within google fonts.
https://fonts.google.com/specimen/Prompt
You can check the comparison here
Only top voted, non community-wiki answers of a minimum length are eligible
