Docs

[pangeaseed]

Hi,

I’m attempting to change all font on our site to Avenir Next, which we are using via fonts.com.

I have been able to do so for certain text via custom CSS but not completely.
I would like headers to be in Avenir Next Demi Bold and body text to be Avenir Next Regular.

Please advise what code to use to change all fonts to this typeface at once.

Thanks!

[Lely]

Hello There,

If you have successfully declared the font already, we can use the following selector for the headers and content:

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { /*For headers*/
    font-family: "Lato",sans-serif; 
    font-weight: 300;
}
.entry-content { /*For body content*/
    font-family: "Lato",sans-serif; 
    font-weight: 300;

}

Change font family and font weight with what you have declared.

Hope this helps.

[pangeaseed]

Great!

What about the main navbar?
I’ve been able to switch the submenus.

Thanks!

[Joao]

Hi There,

Please use:

.x-navbar .desktop .x-nav > li > a > span {
  font-family: "Lato",sans-serif; 
  font-weight: 300;
}

Hope it helps

Joao

[Author]

Posts