[RobParticipant]

Hi,

Fira Sans is a google font, I would like to use it across my website. However it does not display in the Customizer when selecting fonts. How do I resolve this?

Thanks!

[LelyModerator]

Hello Rob,

You can add this line in Appearance > Customize > Custom > CSS:
@import url(https://fonts.googleapis.com/css?family=Fira+Sans:400,300,300italic,400italic,500,500italic,700,700italic);

Then to use it, please add this line below to element CSS declaration:
font-family: 'Fira Sans', sans-serif;

Like for headings:

h1, .h1{
font-family: 'Fira Sans', sans-serif;
}

Hope this helps.

[RobParticipant]

Great that works. But how do I select it for all of my content, headings, body content, etc. ?

Cheers

[ChristopherModerator]

Hi there,

Please update your code to :

body,h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,a,p{
font-family: 'Fira Sans', sans-serif;
}

Thanks.

[RobParticipant]

Great that works perfectly. Cheers.

[ChristopherModerator]

Glad it works for you.

[AboutxParticipant]

Thanks this works, but is it right that the Fonts set in the Theme are loaded too, right? Will you implement Fira Sans in the Future in the Customizer? Would be really great. I am looking forward to it 😉

[ChristopherModerator]

We certainly appreciate the feedback! This is something we can add to our list of feature requests. This way it can be taken into consideration for future development. All of these items are discussed with our team internally and prioritized based on the amount of interest a particular feature might receive. Thanks!

[Author]

Posts