This topic has 19 replies, 5 voices, and was last updated 9 years, 7 months ago ago by Stan Russell
Hi,
I would like to change the font of everything on the site to “Open Sans”.
I changed it in the theme options but nothing changes.
What am I doing wrong?
I’m on local server so I cannot show you anything.
Jan
Hello
You may change main font within Theme settings and other fonts for single elements as woocommerce blocks or plugin forms can be set via custom.css. Please watch here how to create custom.css.
With best regards
Brian Johnson
Thanks.
Hello,
You’re welcome!
If you have any questions please feel free to contact us.
Regards,
Robert Hall.
Sorry to re-open but how can I change the font for all woocommerce content?
I’m looking for it, but I’m desperate 🙂
Hello,
Could you please clarify for what elements you want to change font?
Thank you.
Regards,
Eva Kemp.
Hi,
most important is all the content I put in Product Description.
Thanks
Jan
Hello
You may add similar code into the custom.css with your font uploaded on ftp server:
@font-face {
font-family: '7fonts.net_FlyingHollander';
font-style: normal;
font-weight: 900 !important;color:green!important;
src: url(http://localhost/legenda/wp-content/themes/legenda/css/fonts/7fonts.net_FlyingHollander.ttf) format('otf');}
and add following selector which will overwrite all woocommerce page
.woocommerce{ font-family: '7fonts.net_FlyingHollander'!important;}
You may use following code for tabs as an example:
.woocommerce .tabs{ font-family: '7fonts.net_FlyingHollander'!important;}
With best regards
Brian Johnson
Do I add the woocommerce lines also in custom css?
I wanna use Helvetica Open Sans from Google Fonts but that doesn’t work, maybe I’m writing the wrong code.
Hello,
you are right. All css customizations must be placed in custom.css file. Please show us on screenshot where do you tried to have ‘Helvetica Open Sans’ font.
Regards,
Stan Russell.
@font-face {
font-family: ‘Helvetica’, OpenSans;
font-style: normal;
font-weight: 900 !important;color:green!important;
.woocommerce{ font-family: ‘Helvetica’, OpenSans’!important;}
.woocommerce .tabs{ font-family: ‘Helvetica’, OpenSans’!important;}
is that ok?
Hello,
Please use this code:
@font-face {
font-family: 'Helvetica', 'OpenSans';
font-style: normal;
font-weight: 900 !important;color:green!important;
}
.woocommerce {
font-family: 'Helvetica', 'OpenSans' !important;
}
.woocommerce .tabs {
font-family: 'Helvetica', 'OpenSans' !important;
}
Regards,
Eva Kemp.
Maybe I’m doing something wrong but that doesn’t week to work, could check it for me?
thanks!
Hello,
please clear your cache, check your site and let us know where do you still have fonts not changed.
Regards,
Stan Russell.
Hi,
could you change the font for the short description also?
thx
Hello
Please add this code:
.short-description{font-family: 'Helvetica', 'OpenSans' !important;}
Regards,
Brian Johnson
A very big thank you!
I just gave you guys a well deserved 5-star rating!
Hello,
you are welcome!
Regards,
Stan Russell.
You must be logged in to reply to this topic.Log in/Sign up