...

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



Gibson98
11-12-2010, 11:39 AM
Hi,

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
Joe

digitalclubb
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:

https://github.com/sorccu/cufon/wiki/about

Good luck

SB65
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.

Gibson98
11-12-2010, 12:13 PM
Hey,

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

Thanks alot
Joe

Gibson98
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!

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

optimus203
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;
}

SB65
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.

VIPStephan
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.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum