Top menu font "Arial Black" doesn't show in Firefox
 

When I type in "arial black" as a font choice for "MENU 1 (Page Menu)" it works fine in chrome and explorer.

Over in Firefox, arial black is ignored and swapped for arial.

I've noticed this problem in the past and lived with it, but on the blog I'm designing now, it throws off the layout. The change of font changes the height of my menu bar and now my background image doesn't line up properly.

Thoughts? Why can't I use arial black with firefox?

did you put quotes around it?

Yes. I thought that might be it, but it didn't help.

what is the url?

Here's the current website I'm working on. You'll see a difference between Firefox and other browsers.

http://eggwork.com/about/

Oops. Hold off on looking at that. Client asked me to change it back to just arial anyway.

Look at this blog instead. same issue with arial black not showing up in Firefox.

http://stickylipsbbq.com/stickylips

you should probably take a look in the google error manual :p

Sorry, I don't know what that means.

sorry poor joke. If you do a google search 'arial black firefox' you will find lots of issues

Ah. Didn't know it was a known Firefox problem. I came here because I assumed it was Atahualpa.

The thing about styling Menu 1 in Atahualpa, though, is that it's not CSS format anyway, right? I mean, there's no instruction on using font-family, semi-colons, other CSS formatting.

So it's not appropriate to type this there, right?

what it is doing is using the 'font' shorthand property which is seting all the font properties in one declaration

a good debugging technique is to put something like 678px in that code, save it and view the page. Then you look at the page source and do a search on 678px and you can see how it is used in the CSS.

It helps if you don't compress the CSS when doing this