Change global font - by BrokenDancer - on WordPress WooCommerce support

This topic has 19 replies, 5 voices, and was last updated 8 years, 12 months ago ago by Stan Russell

  • Avatar: BrokenDancer
    BrokenDancer
    Participant
    April 15, 2015 at 18:04

    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

    18 Answers
    Avatar: Brian Johnson
    Brian Johnson
    Member
    April 16, 2015 at 12:24

    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

    Avatar: BrokenDancer
    BrokenDancer
    Participant
    April 16, 2015 at 12:41

    Thanks.

    Avatar: Robert Hall
    Robert Hall
    Support staff
    April 16, 2015 at 12:58

    Hello,

    You’re welcome!
    If you have any questions please feel free to contact us.

    Regards,
    Robert Hall.

    Avatar: BrokenDancer
    BrokenDancer
    Participant
    April 16, 2015 at 17:34

    Sorry to re-open but how can I change the font for all woocommerce content?
    I’m looking for it, but I’m desperate 🙂

    Avatar: Eva
    Eva Kemp
    Support staff
    April 16, 2015 at 18:06

    Hello,

    Could you please clarify for what elements you want to change font?

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: BrokenDancer
    BrokenDancer
    Participant
    April 20, 2015 at 11:58

    Hi,

    most important is all the content I put in Product Description.

    Thanks

    Jan

    Avatar: Brian Johnson
    Brian Johnson
    Member
    April 20, 2015 at 14:47

    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

    Avatar: BrokenDancer
    BrokenDancer
    Participant
    April 21, 2015 at 09:23

    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.

    Avatar: stan
    Stan Russell
    Participant
    April 21, 2015 at 09:47

    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.

    Avatar: BrokenDancer
    BrokenDancer
    Participant
    April 21, 2015 at 09:52

    @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?

    Avatar: Eva
    Eva Kemp
    Support staff
    April 21, 2015 at 10:41

    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.

    Avatar: BrokenDancer
    BrokenDancer
    Participant
    April 24, 2015 at 09:14

    Maybe I’m doing something wrong but that doesn’t week to work, could check it for me?

    thanks!

    Please, contact administrator
    for this information.
    Avatar: stan
    Stan Russell
    Participant
    April 24, 2015 at 10:25

    Hello,

    please clear your cache, check your site and let us know where do you still have fonts not changed.

    Regards,
    Stan Russell.

    Avatar: BrokenDancer
    BrokenDancer
    Participant
    April 24, 2015 at 12:16

    Hi,

    could you change the font for the short description also?

    thx

    Avatar: Brian Johnson
    Brian Johnson
    Member
    April 24, 2015 at 12:34

    Hello

    Please add this code:
    .short-description{font-family: 'Helvetica', 'OpenSans' !important;}

    Regards,
    Brian Johnson

    Avatar: BrokenDancer
    BrokenDancer
    Participant
    April 24, 2015 at 12:46

    A very big thank you!

    Avatar: BrokenDancer
    BrokenDancer
    Participant
    April 24, 2015 at 12:50

    I just gave you guys a well deserved 5-star rating!

    Avatar: stan
    Stan Russell
    Participant
    April 24, 2015 at 16:21

    Hello,

    you are welcome!

    Regards,
    Stan Russell.

  • Viewing 19 results - 1 through 19 (of 19 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.