[F]

I would like to change the font on the menu that appears in the top bar. How do I accomplish this?

Thank you.

[Pratik]

Hi @F,

Which font do you want for primary menu.

Regards,
Pratik

[F]

Hi Pratik,

I’m not certain, I’d like to demo a few options for my client. Can you give me the method, and then I guess I would insert the font family and try a few different ones until I find one I like.

Is the font for the primary menu bar the same as the body font?

[Pratik]

Hi @F,

If you want google font or other online fonts first you need to add this code:

@font-face {
    font-family: myCustomFont;
    src: url('link_to_source');
}

If your font is websafe, no need to do above.

Then, for primary menu, try following code:

#site-header-menu {
    font-family: myCustomFont;
}

Regards,
Pratik

[Pratik]

Font for primary menu and body can be set different if you need.

[F]

Many thanks for your help, Pratik. The website is coming together nicely.

Cheers,
F

[Pratik]

Hi @F,

You are welcome 🙂 .

Regards,
Pratik

[Author]

Posts