CSS Forum

**pealo86** · 04:56 AM

Okay I know this is going to seem like a stupid question seeing as Myriad is not a web safe font.

My client wishes me to set the default font in CSS as Myriad, just for those who have the font installed.

I don't seem to have any trouble getting the font to display in Safari or Chrome with the following code:

Code:

body {
    font: 12px myriad, arial, sans-serif;
    color: #000;
    border-top: #db921a solid 15px;
    position: relative;
}

However in Firefox it falls back to Arial, completely ignoring Myriad.

Does anyone know why this may be? Seems to me as if there's just something about Myriad that Firefox doesn't like (maybe its just the font file on my computer?). I can see from checking the properties of the font file that it is listed as a 'Font Suitcase' file... which I've never heard of??

Here is a link to the build if that helps
http://tinyurl.com/6cqdr34

I imagine a font replacement service such as Typekit is the only way to go?

**chrishirst** · 09-19-2011, 05:00 AM

"Websafe" fonts are sooooo last century!

http://www.alistapart.com/articles/on-web-typography/
http://www.css3.info/preview/web-fonts-with-font-face/

**chrishirst** · 09-19-2011, 05:04 AM

BTW
the body font ruleset in your page is

font-family: "Trebuchet MS",Arial,sans-serif;

no mention of myriad

**pealo86** · 09-19-2011, 03:33 PM

Quote:

Originally Posted by chrishirst

"Websafe" fonts are sooooo last century!

http://www.alistapart.com/articles/on-web-typography/
http://www.css3.info/preview/web-fonts-with-font-face/

Ahhh for some reason I was under the impression we only had a very limited choice of fonts to use with @font-face? Maybe not.

Quote:

Originally Posted by chrishirst

BTW
the body font ruleset in your page is

font-family: "Trebuchet MS",Arial,sans-serif;

no mention of myriad

Are you sure? This is how things look in Firebug for me (see attached image)

Quote:

Originally Posted by Pinkerton-baby

Seems like you've sorted out your problem....

I am using FireFox 6.0.2, and it looks fine.

Cheers.

Pinkerton

That's odd, I'm using 6.0.2 and Myriad is not showing, maybe its something to do with using Mac Firefox.

Oh well, looks like @font-face is the best bet, thanks for the replies!