Text formatting issue (h1H2H3) multiple fonts use

Store Design
, ,
1

hi there,

I’m having trouble with my formatting; it’s all over the place. Where in the code bit I can I adjust the size and weight of the fonts? can’t find it! If anyone can help, please let me know.

I’m also using the Gotham font family, but I’d like to use two fonts simultaneously. For instance, I’d prefer one font for H1 and another for H2, H3, H4, and the body. can this be done?

Thanks!

https://artisanroast.co.uk/

2

Hello,

Having different styles depending on the header type is doable through custom CSS. Example below:

body {
font-family:serif !important;
}
h1 {
font-family:sans-serif !important;
}
h2 {
font-family:Arial !important;
}
h3 {
font-family:Gotham !important;
}

Adding it at the end of your theme.scss.css file should be working as expected. Please note that if the custom font Gotham is not properly implemented, it won’t load.

Hope that this helps!

Gabriel