Navigation font

michael · 2014-09-14 18:09:29

I cannot get navigation to use the font i want.
I have choosen:
["navigation_items.font_family"] = "'Franklin Gothic Medium', 'Arial Narrow Bold', Arial, sans-serif",

My entire page display Franklin Gothic besides navigation that displays Arial

How can i fix this? (i assume worst case i can edit the custom.css but which control to use to override this?)

rod barbee · 2014-09-14 21:33:24

Can you post a link to your site?

michael · 2014-09-14 21:53:26

Test site at: ce4.bluehourphotography.net

Matthew · 2014-09-14 22:13:26

The only problem I see is that "Franklin Gothic Bold" doesn't exist on my system, so the page is using Arial instead. That's normal.

michael · 2014-09-14 22:20:03

it does however work for my footer and this page
http://ce4.bluehourphotography.net/contact.php

Any clues why navigation is different?

rod barbee · 2014-09-14 23:23:08

this is what's showing for the font in the footer as well as in your main text:
font-family: "anivers-sc",sans-serif;

kmlucy · 2014-09-14 23:38:34

If you are having trouble with fonts, you might want to try this:
http://chengyinliu.com/whatfont.html

It will show you what the font-family for the selected text is, as well as what the actual font being displayed it. It works with Google Fonts and Adobe Typekit as well.

rod barbee · 2014-09-15 02:31:48

Kyle, that is so cool. Thanks for sharing

rod barbee · 2014-09-15 06:38:08

michael,

If you want to apply your custom css to the nav fonts you'll need to get more specific with the selectors.
This page shows you which selectors are controlling typography for each area of the page:
http://ce4.theturninggate.net/docs/doku … y_template

kmlucy · 2014-09-15 09:12:12

Glad to help!

michael · 2014-09-15 16:03:56

Rod and Kyle.
Thanks to you both for sharing info. I'm sure if will help me finalize the site.

a bit strange though as i have no reference to anivers-sc in my code

lofty · 2014-09-15 18:27:17

Kyle, that's an excellent tool thanks for the link.

rod barbee · 2014-09-15 21:56:49

a bit strange though as i have no reference to anivers-sc in my code

Actually, I think you do. Anivers-sc is at Typekit font and you've inserted a script via phplugins that appears to be loading Typekit. The Anivers-sc font reference can be found there.

michael · 2014-09-27 17:27:49

Still struggling with font and getting lost
Have added 'Anivers SC' to my typekit and loaded that in phplugins, have changed ALL css selectors to
font-family: 'Anivers SC';

Result is that I simply cannot have navigation to use my fonts for some reasons (and form is broken to):
http://ce4.bluehourphotography.net/contact.php

Appreciate ANY assistance here as this is the last outstanding before going live...

Matthew · 2014-09-28 13:02:49

When you say "form is broken", do you mean that it's not sending? Or are you only referring to the fonts not being applied to the form labels?

Matthew · 2014-09-28 13:10:43

This is being applied to 'body' and to the navigation:

font-family: 'Anivers SC';

... and it's not working.

Elsewhere, where your custom fonts ARE working, you have this:

font-family: "anivers-sc",sans-serif;

Updating the former to the latter effects your font change in all places.

So, to be more abstract and more specific all at once ...

This is what's happening, and it's not working:

body,
p#nav a, #r2d2-menu ul li a, #r2d2-menu ul#nav li span {
    font-family: 'Anivers SC';
    }

Note that this piece of code doesn't exist anywhere in your source. I'm just putting things together for purposes of explanation.

What would fix your issue, would be to effect these changes:

body,
p#nav a, #r2d2-menu ul li a, #r2d2-menu ul#nav li span {
    font-family: "anivers-sc",sans-serif;
    }

michael · 2014-09-29 14:08:40

a HUGE and sincere thanks - all working as expected now

Community @ The Turning Gate

#1 2014-09-14 18:09:29

Navigation font

#2 2014-09-14 21:33:24

Re: Navigation font

#3 2014-09-14 21:53:26

Re: Navigation font

#4 2014-09-14 22:13:26

Re: Navigation font

#5 2014-09-14 22:20:03

Re: Navigation font

#6 2014-09-14 23:23:08

Re: Navigation font

#7 2014-09-14 23:38:34

Re: Navigation font

#8 2014-09-15 02:31:48

Re: Navigation font

#9 2014-09-15 06:38:08

Re: Navigation font

#10 2014-09-15 09:12:12

Re: Navigation font

#11 2014-09-15 16:03:56

Re: Navigation font

#12 2014-09-15 18:27:17

Re: Navigation font

#13 2014-09-15 21:56:49

Re: Navigation font

#14 2014-09-27 17:27:49

Re: Navigation font

#15 2014-09-28 13:02:49

Re: Navigation font

#16 2014-09-28 13:10:43

Re: Navigation font

#17 2014-09-29 14:08:40

Re: Navigation font

Board footer