How to use Myriad Pro?

Hi all,

Hope everybody is enjoying.

my client’s requirement is to use “Myriad Pro” as font family.

I have defined my body tag as following

body {
	font-size: 75.5%;
	font-family: Myriad Pro;
	color: #333;
	text-align: center;

But I am not getting the right font-family neither on my local system nor on a web server. It is not installed on my system I know but it looks like it is neither on Live server.

But my client’s requirement is to use the same font.

If client insists me to use this font on server what can be done to have this font to be used in proper way.

Please guide me.

Any help would be appreciate.


I am sorry for my bad knowledge about fonts…
is it required to be installed on visitor’s machine or on web server?

It must be installed on the visitors machine, IE will try to download fonts that it doesn’t have.

You can use font face to do this (assuming the font is free and licensable) :slight_smile:

xiaawan, for lack of a better term, your totally out of luck here. The only way to ensure that a font is used across a website (and thus the visitor see it in that way) is to have it installed on the end users machine - either by them having the font or it being attached to the page through the likes of CSS3. While this may seem like an easy problem to fix (have it in the page and then it’ll download to any persons machine who doesn’t have it), Myriad Pro is one of the many font’s which their license explicitly prohibits their use for web embedding. If I’m not mistaken Myriad is owned by Adobe (who license that font) and as their license prevents the use of embedding for the web you cannot use that method to ensure your visitors see that font (it would constitute a criminal offence - copyright theft on a large scale). As such, if you chose to use Myriad Pro in your font family, all you can do is add some other fonts to the family which provide alternatives for as and when the end user doesn’t have it installed. Whether your client likes it or not, you can’t just pick a font and have the website use it for every end user, with the way typefaces are licensed if you were to attempt to embed it, you could get a lawsuit from the owners of the font. :slight_smile:

Dear AlexDawson and RyanReese,

Thank you guys you have cleared my confusion. Yes, surely it should be installed on end user’s computer.

Thanks again. See you guys in any other post have a very nice time :slight_smile:

Myriad Pro is a very common font (among Mac users and some Windows users with Adobe installations) that can be incorporated into a more generalized sans-serif font stack. You might try this:

font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;

What’s going on here: You have Myriad Pro leading off the stack, so everyone who has it will see it. Myriad is an older version found on some machines. The Liberation and Nimbus fonts are comparable Linux fonts. The Helvetica Neue, Helvetica, and Arial fonts are fallbacks for Mac and Windows users, respectively, who don’t have any of the previous fonts in the stack.

This is one alternative for your client that will work.

The facts here are either outdated or simply false.

I have no association with either Adobe or TypeKit. I was merely annoyed at being misled.

Myriad Pro is allowed to for web embedding if you use Adobe Web Fonts through TypeKit. TypeKit is a subscription based service which provides commercially-licensed fonts for web embedding.

Myriad Pro on TypeKit
Adobe Web Fonts FAQ

Also its important to note that you didnt use quotes in your css. Font names with moire tan one words require quotes. It’s possible you have Myriad Pro installed… Like Helvetica it is a default font in a lot of machines, but because your rule is font-family: Myriad Pro; instead of font-family: “Myriad Pro”; it is getting ignored. Note however that single word named fonts DO NOT require quotes…

Hope that helps

No need to be annoyed. Thanks for your input—very interesting. The nature of a forum is that we all contribute to build up a clearer picture. No one pretends here to be gining the definitive answer—but just to contribute as best they can. You always should double check something before assuming it’s true. You have double checked, and come up with some very useful information!

Good point Ralph. I’ll dial it back a bit in future posts :blush: My apologies.