Tell me more ×
Graphic Design Stack Exchange is a question and answer site for professional graphic designers and non-designers trying to do their own graphic design. It's 100% free, no registration required.
up vote 2 down vote favorite
2

I'm looking for fonts, available from Google Webfonts (ideally) or Typekit, that would look similar to Avenir Next Pro, specifically, Bold and Demi:

enter image description here

enter image description here

Any similar-looking fonts, with good cross-browser rendering?

share|improve this question
@yisela Thanks for the specimens – julien_c Feb 21 at 8:05

4 Answers

up vote 2 down vote

If 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: http://joelcrawfordsmith.com/new/font/avenir Sentence length is a perfect match, x-height is great, its only fault is maybe the acenders abd descenders are tiny bit shorter.

share|improve this answer
Hmm... in lowercase it really doesn't look that similar, way too round-ish. I'll keep looking. – julien_c May 20 at 15:51
up vote 1 down vote

I think Museo Sans is good enough:

enter image description here

On Google fonts there is also Montserrat could be used for some words :)

enter image description here

share|improve this answer
1  
I think Museo is beautiful, but when I tried it the browser rendering was less from perfect, specially in older Windows. If that's the main public, I'd test it thoroughly! – Yisela♦ Feb 20 at 19:46
up vote 1 down vote

Avenir is available for the web, you know.

Webfont

share|improve this answer
I didn't know that, thanks! It's not served though, I have to host it myself, right? – julien_c Feb 21 at 8:10
@julien_c You can however, they offer a plan to host it themselves. You would just use CSS or Javascript that that they give you to load them on your page (like Typekit or Webtype). – Chris Burton Feb 21 at 12:48
Just for the sake of saying, Google Web Fonts aren't much different than embedding it yourself on your own server. All they're doing is pointing to a CSS stylesheet that does pretty much the same types of declarations you'd do on your own stylesheet to embed them. Check out this link and you'll see all they're doing is referencing the font from their servers instead of local. fonts.googleapis.com/css?family=Tauri – jamEs Apr 10 at 20:14
@ChrisBurton License-wise, I'm not sure I am allowed to buy the font and just serve it myself as a Web font. Or am I? – julien_c May 20 at 15:52
up vote 0 down vote

Not sure if this is the best place but you wont go far wrong with either of these

OpenSans:

enter image description here

SourceSans:

enter image description here

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

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