Default font Twenty-Three?

Pat
(@patrickhaond)

3 years, 5 months ago
Hi there.
I am trying to test Twenty-Three theme.
So I created a child theme with theme.json file.
But I can’t find how to change the default font for the whole website layout?
Is there an easy way to do such a basic thing?
I could change font families in font family control in the editor thanks to “Theme.json typography options: Font family and size” by Carolina Nymark.
Thanks in advance for any help.
- This topic was modified 3 years, 5 months ago by Steven Stern (sterndata).

Viewing 5 replies - 1 through 5 (of 5 total)

Abid Hasan
(@abidhasan112)

3 years, 5 months ago
Hi @patrickhaond ,

All you need to do is define your font (for all HTML tags and attributes) with a !important CSS on your stylesheet like this,
```
h1, h2, h3, h4, h5, h6, p, a, input, button, div {
  font-family: Carolina Nymark !important
}
```
You can simply add custom CSS by navigating to your WordPress Dashboard -> Appearance -> Customize > Additional CSS

Let me know how it goes.
Thank you!
Thread Starter Pat
(@patrickhaond)

3 years, 5 months ago

Thank you @abidhasan112 for your help!
However I thought with the Twenty Twenty-Three theme we were not supposed to use CSS files anymore.
So we had to use theme.json, right?

Adeline
(@adeuh)

3 years, 5 months ago

Hi @patrickhaond

You can change your whole website layout fonts by clicking the “styles” icon (next to the settings icon, on the right side of your screen) 🙂

funkygorilla
(@funkygorilla)

2 years, 11 months ago

I have this issue too. I set up a new json file with the font sizes I wanted and the theme seems to totally ignore them and do what it wants. Fair enough you can change them with CSS, but adding !important causes problems and at the end of the day, if you provide that feature in the json file, it should be honoured! Crazy, like much of the mess that is the block editor!

vuurvogel
(@vuurvogel)

2 years, 6 months ago

I have the same problem, the fonts I added to the server are in the json theme file. However I do not see them appear in the typography option in the design area. I have searched all over but cannot seem to find a solution.