Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Header configuration & styling »

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


  #1  
Old Dec 11, 2014, 03:54 PM
sky captain's Avatar
sky captain
 
57 posts · Sep 2009
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?
  #2  
Old Dec 11, 2014, 06:53 PM
juggledad's Avatar
juggledad
 
23,684 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
did you put quotes around it?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Dec 15, 2014, 12:46 PM
sky captain's Avatar
sky captain
 
57 posts · Sep 2009
Yes. I thought that might be it, but it didn't help.
  #4  
Old Dec 15, 2014, 01:56 PM
juggledad's Avatar
juggledad
 
23,684 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
what is the url?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Dec 16, 2014, 11:25 AM
sky captain's Avatar
sky captain
 
57 posts · Sep 2009
Here's the current website I'm working on. You'll see a difference between Firefox and other browsers.

http://eggwork.com/about/
  #6  
Old Dec 16, 2014, 11:52 AM
sky captain's Avatar
sky captain
 
57 posts · Sep 2009
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
  #7  
Old Dec 16, 2014, 01:03 PM
juggledad's Avatar
juggledad
 
23,684 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
you should probably take a look in the google error manual
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #8  
Old Dec 16, 2014, 01:35 PM
sky captain's Avatar
sky captain
 
57 posts · Sep 2009
Sorry, I don't know what that means.
  #9  
Old Dec 16, 2014, 01:54 PM
juggledad's Avatar
juggledad
 
23,684 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
sorry poor joke. If you do a google search 'arial black firefox' you will find lots of issues
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #10  
Old Dec 17, 2014, 11:20 AM
sky captain's Avatar
sky captain
 
57 posts · Sep 2009
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.

Code:
Set both the font size and the font face for the menu items. Enclose font face names with a space in quotes, i.e.:
12px "comic sans ms", "courier new", arial, sans-serif
So it's not appropriate to type this there, right?

Code:
font-family: "Arial Black", Arial;
font-weight: 900;
  #11  
Old Dec 17, 2014, 11:27 AM
juggledad's Avatar
juggledad
 
23,684 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Last edited by juggledad; Dec 17, 2014 at 11:29 AM.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Black "point" next to logo jamara Header configuration & styling 6 Aug 3, 2012 06:40 AM
[SOLVED] styling font for the words "name" "email" etc. in comment area jillin Comments, trackbacks & pings 2 Dec 16, 2010 10:13 PM
[SOLVED] Show Blog Tagline "Yes"/"No" not working? Shepherd Jim Header configuration & styling 8 Jun 21, 2010 10:09 AM
How to change the font of "1 comment to..." and "Leave a Reply" headers RHCdG Header configuration & styling 1 Nov 28, 2009 05:56 AM
modifying font size of "Today's Events" and "Upcoming Events" in sidebar ritland Forum How-To 0 Mar 16, 2009 04:23 PM


All times are GMT -6. The time now is 11:07 AM.


Powered by vBulletin® Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.