Return to previous page

Sitewide font change - by timlord - on WordPress WooCommerce support

This topic has 6 replies, 3 voices, and was last updated 9 years, 4 months ago ago by Eva Kemp

timlord

Participant

July 23, 2015 at 23:59

Hi there,
I’m looking at changing the font across the whole site to proxima.

It’s a typekit font and I’ve got the script to do it but not sure where to put it and what I really want is a way to add it to the dropdown selection in the theme settings.

Is there an easy way to do this please?

The script I have got from typekit is just

<script src=”//use.typekit.net/qzf0smc.js”></script>
<script>try{Typekit.load();}catch(e){}</script>

Not sure where I would add that and what I would use to change every font for body, menu, footer etc, literally everything.

Is there a catch all css trick I could use to change all fonts…

some like

.everything {
font-family: proxima-nova, sans-serif !important;
}

Any help on this would be greatly appreciated 🙂

#76805 Copied

5 Answers

Eva Kemp

Support staff

July 24, 2015 at 11:05

Hello,

How to add custom font is written in our blog:
https://www.8theme.com/blog/how-to-add-custom-fonts-in-wordpress-themes/

Please read it.

Regards,
Eva Kemp.

#76860 Copied

timlord

Participant

July 24, 2015 at 13:44

I had already read that, it wasn’t really very helpful for what I needed.

Can you please tell me what the selectors are for every aspect of the site?

For example, the body text is .body but if I wanted to reference every text element on the site what would I use?

#76895 Copied
Jack Richardson

Support staff

July 27, 2015 at 11:41
Hello,

You can use these classes to change font:
```
*, p { 
 font-family: "Raleway";
}
```
Please clarify for what exact elements you want to change font.

Best regards,
Jack Richardson.
#77187 Copied
timlord

Participant

July 27, 2015 at 11:54

Hi there,
I want to change the font for every single piece of text on the entire site. So every element that is on the site, I want to change it to
font-family: proxima-nova, sans-serif;

So would I just enter this in my child themes style.css to change all the fonts across the whole site?
*, p {
font-family: proxima-nova, sans-serif !important;
}

Or would I need to do something else?

#77188 Copied
Eva Kemp

Support staff

July 27, 2015 at 13:22
Hello,

Yes, add this code in your child style.css file:
```
*, p {
font-family: proxima-nova, sans-serif !important;
}
```
Regards,
Eva Kemp.
#77218 Copied
Tagged: change, customization, design, font, themes, woocommerce, wordpress
Viewing 6 results - 1 through 6 (of 6 total)