: Web Safe Alternative to Myriad Pro Font? Is there any font that I can use in my font stack that is more or less similar to Myriad Pro and web safe?
Is there any font that I can use in my font stack that is more or less similar to Myriad Pro and web safe?
Source Sans Pro is a great alternative.
It's available through Google Fonts: www.google.com/fonts/specimen/Source+Sans+Pro
Very similar to Myriad Pro, big family. Authored by Adobe (who also authored Myriad Pro) as its first open source type family for text.
I had the same question, I settled at CartoGothic-Std after reading the following article:
The font's download link:
If Verdana is close enough, DejaVu Sans is closer. The two are compared here; note the 'I', 'Q', and 'R'.
Vegur has a @font -face (as well as Cufon) kit at 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.
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.
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.
A free font that is very, very close: 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.
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;
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;
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.
PT Sans is pretty similar (compared to the rest of the list)
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.
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 .99/year subscription): typekit.com/fonts/myriad-pro
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.