How to change the font-family of the menu texts

Tagged: font family, menu

This topic has 3 replies, 2 voices, and was last updated 6 years, 8 months ago by acmesupports.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
July 9, 2016 at 1:07 pm #6315

Tzu-hao
Participant

I have changed font-family of h1,h2,h3,h4,h5,h6 by the following custom css:

h1 { font-family: sans-serif; }
h2 { font-family: sans-serif; }
h3 { font-family: sans-serif; }
h4 { font-family: sans-serif; }
h5 { font-family: sans-serif; }
h6 { font-family: sans-serif; }

But I still cannot change the font-family of the menu texts, please give me a hand, Thanks!

July 9, 2016 at 1:38 pm #6317

acmesupports
Moderator

Hello Tzu-hao,
Thank you so much for your question. Font family options are available on the theme customizer.
Go to Appearance > Customize > Layout/Design Options > Font Family and change the required font for very section.
Hope this will solve your problem.

Warm Regards,
Acme Supports

July 9, 2016 at 1:54 pm #6318

Tzu-hao
Participant

I do know Font family options are available on the theme customizer,

but the menu texts of my website is in chinese (I’m a Taiwanese),

so I cannot change the font family with the theme customizer.

I’d like to know the css selector of the menu texts? Thanks for your help!

July 9, 2016 at 3:58 pm #6325
acmesupports
Moderator
If you want to use your own Custom Fonts, please use the class selector for menu text below.
```
.main-navigation .menu-item a {
    font-family: verdan;
}
```
Write the font family as your need there.
Add the above CSS codes on Customize > Layout/Design Options > Custom CSS
Note: Child Theme is recommended to customize theme.
Warm Regards,
Acme Supports
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘How to change the font-family of the menu texts’ is closed to new replies.