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 26 down vote favorite
12

Is there any font that I can use in my font stack that is more or less similar to Myriad Pro and web safe?

share|improve this question
5  
Myriad, Pro or otherwise, has not come with any version of Windows I've used... – e100 Jan 9 '11 at 19:26
My bad, seems that it comes with adobe. Since I always used it after installing Adobe, I thought it came with Windows. – Atif Mohammed Ameenuddin Jan 10 '11 at 5:11
3  
By "web safe" do you mean in terms of license/cost (as in, free and open source, therefore usable on the web without additional licensing), or do you mean that it's optimised for the web (comes with TTF and WOFF versions and an @font-face rule) or do you mean that it's installed on most people's computers/devices already, thus making it "safe" to use on web pages? – thomasrutter Oct 23 '12 at 3:30

16 Answers

up vote 15 down vote

You might be able to find something similar in the Google Fonts Directory. All you have to do is include their link in your html page's head and you can use the fonts in your css.

http://www.google.com/fonts/

PT Sans is pretty similar (compared to the rest of the list): http://www.google.com/fonts/specimen/PT+Sans

share|improve this answer
2  
++ Thanks for showing me new awesome google resource! – Oleksandr Bolotov Jan 16 '11 at 22:43
1  
-1 I think that the majority of google fonts are not really good material of fonts, they lack many glyphs, and do not have weights. – Littlemad Jan 5 '12 at 16:01
2  
Lacking weights, sure, but there are many professional fonts that come in few weights as well, as for glyphs, please take a look at the fonts, they've got six alphabets you can filter by (two of which have extra glyphs), I think you're flat out wrong. Plus find me a better free service. – dkuntz2 Jan 7 '12 at 0:55
DKuntz2, free service or not is a bit off-topic, since it was never brought up in the original question. – hced Jan 7 '12 at 1:59
2  
@hced What is the question itself? "Web Safe Alternatives to Myriad Pro Font", Followed by the expansion asking for something similar, I'm fairly certain it answers the question. – dkuntz2 Jan 7 '12 at 3:56
show 1 more comment
up vote 1 down vote

I had the same question, I settled at CartoGothic-Std after reading the following article:

http://www.onextrapixel.com/2011/06/29/10-awesome-alternative-free-web-fonts/

The font's download link:

http://www.fontsquirrel.com/fonts/CartoGothic-Std

share|improve this answer
1  
Carto is an unabashed rip-off of Frutiger. Since Myriad is mostly a rip off of Frutiger as well (less so than Carto), that's your match. – plainclothes Jan 22 at 17:13
Had no Idea of what it was, and can't argue nothing but recognize the relation. However it is nice to find similar free alternatives to paid fonts. However I'll acquire both Frutiger and Myriad eventually. I do not work at design but those are must-have fonts. – AperezC Jan 22 at 17:37
Frutiger and Univers are both amazing pieces of work for which Adrian Frutiger is owed a huge debt by the design industry :) – plainclothes Jan 22 at 19:44
up vote -1 down vote

If Verdana is close enough, DejaVu Sans is closer. The two are compared here; note the 'I', 'Q', and 'R'.

share|improve this answer
up vote 2 down vote

Vegur has a @font-face (as well as Cufon) kit at http://www.cufonfonts.com/en/font/12046/vegur. Browser support has advanced to the point that most people will be able to see the font used through @font-face even if they don't have the font installed, as long as the font is hosted on the server.

share|improve this answer
up vote 0 down vote

Open Sans is the closest: http://www.fontsquirrel.com/fonts/open-sans (it includes a font-face kit download to the top right under the normal download button, on the gray bar).

share|improve this answer
1  
sai's answer (the one on top) mentions open sans – Yisela♦ Nov 4 '12 at 20:31
up vote 1 down vote

Open Sans would be the best alternative font for that!

share|improve this answer
up vote 0 down vote

If you want to use @font-face i always look to font squirrel. you can upload fonts and they will create a set for your site with the included css.

share|improve this answer
up vote 3 down vote

On my Windows 7 installation (with MS Office 2010 installed) I have these fonts that are the closest match: Lucida Sans, Segoe UI, Calibri , and then the generic font sans serif as the last fallback.

CSS for this would be:

font-family: Myriad Pro, Lucida Sans, Segoe UI, Calibri, sans serif;
share|improve this answer
Arial is a neogrotesque font like Helvetica and Univers or Akzidenz-Grotesk. It's not a good substitute for Myriad, which is a humanist font. For Windows OSes, a better substitute for Myriad besides Verdana would be Frutiger or Trebuchet. Likewise "sans serif" isn't the name of an actual font family. On OS X, Helvetica will be used as "sans serif" and on Windows, it'll be Arial usually. On Ubuntu, it'll map to Ubuntu, which is a humanist sans serif font, but I don't know what it maps to on other OSes. – Lèse majesté Jan 11 '12 at 4:29
@Lèsemajesté: I agree that Verdana and Arial might not be the best choices. I have changed my answer to propose some better alternatives. When it comes to "sans serif", this is one of the five generic fonts, that are the only ones truly "web safe", because they are defined in the web standards, and the browser tries to find the best fit. See w3.org for example usage on CSS generic fonts. – awe Jan 11 '12 at 14:19
up vote 1 down vote

Have you heard of CSS3 Web Fonts? https://typekit.com/fonts/myriad-pro

share|improve this answer
up vote 10 down vote

If your website targets the designer crowd, many of them will have the Adobe Suite installed (don't ask by what means). Kottke.org uses it without css embedding, and this is his font family rule:

font-family: MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Helvetica, Arial, sans-serif;

share|improve this answer
While it is just a stack, it's a rather good stack for this case. – dkuntz2 Jan 12 '11 at 13:56
Where did you get those font names? Adobe should be the only foundry that produces Myriad, and they've only released it as "Myriad" "Myriad Pro" (OpenType), and "Myriad Web Pro". The other versions you referenced are not standard. They might be created if someone ran a copy of Adobe's font through a font editor or font converter, but that's an incredibly unlikely scenario. – Lèse majesté Jan 11 '12 at 4:01
Thanks, worked perfect! – Sumith Harshan Apr 29 at 18:41
up vote 5 down vote

You have various choices:

  • One day in the future you could use @font-face loading any font that you want (which license is free to distribution).

  • If you use it only for titles, you could use the SIFR technique that use flash, or a simple Image Replacement technique

  • Or you could use, like already suggested payment hosting servers for font Typekit.

share|improve this answer
up vote 1 down vote

I've tried all the fonts suggested above, and I still don't think any of them match Myriad Pro like Trebuchet MS does. Give that a try. It tends to be a little skinnier/less bold than Myriad, but I find I can get it pretty close after messing around with font properties.

share|improve this answer
up vote 0 down vote

To all the people planning to use the Google Font Directory (it rocks, I use it too sometimes). Be aware that some fonts add significant weight/loading time to your pages. In the case of the mentioned PT Sans family it is "Added page weight: 224kb compressed". Check it out here: http://www.google.com/webfonts/family?family=PT+Sans&subset=latin

share|improve this answer
up vote 3 down vote

A free font that is very, very close:

http://www.fontspace.com/arro/vegur

The character support isn't the best, but if it's only for headlines and it really has to be Myriad, then the extra effort of @font-face-ing it may be worth it.

share|improve this answer
"Web safe" means that it should be available on a client browser without having to install it. It does not matter if it's free - you still have to download and install it on you computer to see it on a web page that uses it. Verdana is quite safe because it comes default installed on many systems. Arial is even more common. As a last fallback, use sans serif, which is a standard name for this font style, and all browsers will automatically translate that to a similar font installed. – awe Jun 27 '11 at 9:18
2  
Vegur is in Public Domain, so you can always prepare a web font and host it on your server. This way you can make it available on most browsers without necessity of user-assisted installation (I mean, on IE, even older versions, Opera, Safari, Chrome, Firefox and probably few more). – skalee Jun 28 '11 at 19:41
up vote 16 down vote

According to Wikipedia Myriad Pro is bundled with Adobe Reader not with Windows.

And a quick Google search shows you can use it on the web using Typekit (with a $24.99/year subscription): http://typekit.com/fonts/myriad-pro

share|improve this answer
5  
+1 for the Typekit link – Pekka 웃 Jan 9 '11 at 22:42
I did go to ampersandconf and discovered more services around +1 Best service around for me (other alternatives are fontdeck, webtype, myfonts, hoefler & frere-jones, and fontfont) – Littlemad Jan 5 '12 at 16:05
@Littlemad you know that H&FJ doesn't have a webfont service, right? – dkuntz2 Jan 7 '12 at 0:56
I was at Ampersandconf 2011.ampersandconf.com where Jonathan Hoefler declared they are working on putting on the web their fonts. typography.com/ask/faq.php?faqID=126#Faq_126 I am sincerely quite surprised that they didn't publish yet anything after all these months. – Littlemad Jan 9 '12 at 9:43
up vote 3 down vote

When I can't use Myriad Pro (which is our corporate standard for titles, headings, etc) I usually use Verdana. I've never had a problem with it not being available.

share|improve this answer
Frutiger and Trebuchet are also a good match, Lucida Grande slightly less so, but also similar. – Lèse majesté Jan 11 '12 at 4:34

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.