View Full Version : Need to put Myriad Pro into my website

11-12-2010, 11:39 AM

Can anyone help please... I need to embed the font Myriad Pro into my website as it uses that font.

I have looked around on internet but can't make head or tail of it!

hope you can help

Many thanks

11-12-2010, 12:00 PM
A lot of people will probably have Myriad Pro installed on their machines so you could do something simple like:

font-family: “Myriad Pro”, Arial, Helvetica, sans-serif;

However if you want to be 110% - I would personally use Cufon:


Good luck

11-12-2010, 12:07 PM
Firstly, and most simple, dependent on the font usage on your site, just use an image.

Otherwise, if the licence allows it (I'm not sure Myriad Pro may be embedded) then, the two easiest options are to use @font-face - don't even think of trying to do this yourself - use the generator at Font Squirrel (http://www.fontsquirrel.com/fontface/generator), or alternately, use cufon (http://cufon.shoqolate.com/generate/) which is javascript based.

If the licence doesn't allow embedding, then sIFR (http://www.mikeindustries.com/blog/sifr/) is a possibility but it's fiddly (IMO) to get working.

11-12-2010, 12:13 PM

I need it to work 110% haha :) So is Myriad pro a sort of new system font then?

Thanks alot

11-12-2010, 12:27 PM
Im sorry im being really stupid!

I can not understand that cufon thing I've signed up and downloaded GIT for mac then can't get any further!

11-12-2010, 12:36 PM
Have you followed these instructions (https://github.com/sorccu/cufon/wiki/Usage)?

11-12-2010, 10:53 PM
For the font-face method, all you have to do is:

1 - Define font in CSS
@font-face {
font-family: FontName;
src: url(fonts/FontName.ttf); /* make sure this path is set to the .ttf font file */

2 - Use font in an element
.content p {
font-family: FontName, Arial, Helvetica, sans-serif;

11-13-2010, 08:54 AM
You need a little more than that for @font-face to work in IE, as IE uses its own type of font file - .eot. That's why it's easiest to use FontSquirrel.

11-14-2010, 01:43 PM
I’m pretty sure that Myriad Pro is not allowed to be embedded through CSS embedding as it is owned and disributed by Adobe, Inc. (and people would have done it already if it was allowed – and it would be listed on Fontsquirrel). So the only legal way would be using images or sIFR.