CSS font family problem!

[Darr2cool78]

I am working on a redesign for a website and I want to keep the original font.

in the developer tools + main css template from the original site the font family reads..

font-family: MyriadProRegular, 'Trebuchet MS', Helvetica, sans-serif;
font-size: 0.85em !important;

but when I use this in my CSS it gives different results...

letters size and thickness all look different.

Could anyone advise me to a solution as I am fairly new to this game!

Thanks!

 

[gord]

It depends on the machine you are on. Font-family there is using a number of fall backs if it can't find the first font on your machine.

E.g. If you don't have Myriad Pro Regular (not sure about the spacing on the name either) it will use Treb. If no Treb, it will use Helvetica. And so on.

If you want to use a web safe font check this: http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html

If you want to use a non standard font, think about Cufon or Googles new web fonts.

 

[GravyMonster]

It could also be due to the fact that it's using ems for sizing which are relative to the font sizing of the parent elements.

Check if something like font-size: 62.5% has been set on the body of the original.

 

[simisker]

Typekit has the Myriad Pro family:

http://typekit.com/fonts/myriad-pro