Custom Font - by accioweb - on WordPress WooCommerce support

This topic has 6 replies, 2 voices, and was last updated 8 years, 11 months ago ago by Eva Kemp

  • Avatar: accioweb
    accioweb
    Participant
    December 22, 2015 at 13:27

    I am trying to use sf transrobotics font and loaded up the webfonts on the fonts folder inside the theme. Also I have put this code on the child theme style.css

    @font-face {
    font-family: ‘sftransrobotics’;
    src: url(‘sf_transrobotics-webfont.eot’);
    src: url(‘sf_transrobotics-webfont.eot?#iefix’) format(’embedded-opentype’),
    url(‘sf_transrobotics-webfont.woff2’) format(‘woff2’),
    url(‘sf_transrobotics-webfont.woff’) format(‘woff’),
    url(‘sf_transrobotics-webfont.ttf’) format(‘truetype’),
    url(‘sf_transrobotics-webfont.svg#webfontregular’) format(‘svg’);
    font-weight: normal;
    font-style: normal;
    }

    also coding the style like this:

    .product_title {
    font-family: ‘sftransrobotics’;
    font-weight: 400;
    font-size: 16px;
    color: red;
    }

    Am I doing anything wrong cos it doesn’t show.

    If I do it like this:

    .product_title {
    font-family: ‘sf transrobotics’;
    font-weight: 400;
    font-size: 16px;
    color: red;
    }

    Fonts will show up but it doesn’t work on mobiles and tablets and IE i think. That is why I need them to load from the webfonts.

    is there any code or anything that is preventing the loading of custom fonts?

    when you check the website it will show up cos I am using the 2nd code, but that doesn’t load up on mobiles and tablets.

    Please, contact administrator
    for this information.
    5 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    December 22, 2015 at 17:37

    Hello,

    Please provide us with FTP (FTP host, FTP user, FTP password) credentials in private content.

    Regards,
    Eva Kemp.

    Avatar: accioweb
    accioweb
    Participant
    December 25, 2015 at 04:32

    Can you please delete the previous post?I cannot edit it.

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    December 25, 2015 at 09:25

    Hello,

    You uploaded your fonts to parent theme, so I’ve added full path to the fonts in child style.css file:

    @font-face {
        font-family: 'sf transrobotics';
        src: url('http://new.internationalanabolics.com/wp-content/themes/ia-accioweb/fonts/sftransrobotics/sf_transrobotics-webfont.eot');
        src: url('http://new.internationalanabolics.com/wp-content/themes/ia-accioweb/fonts/sftransrobotics/sf_transrobotics-webfont.eot?#iefix') format('embedded-opentype'),
             url('http://new.internationalanabolics.com/wp-content/themes/ia-accioweb/fonts/sftransrobotics/sf_transrobotics-webfont.woff2') format('woff2'),
             url('http://new.internationalanabolics.com/wp-content/themes/ia-accioweb/fonts/sftransrobotics/sf_transrobotics-webfont.woff') format('woff'),
             url('http://new.internationalanabolics.com/wp-content/themes/ia-accioweb/fonts/sftransrobotics/sf_transrobotics-webfont.ttf') format('truetype'),
             url('http://new.internationalanabolics.com/wp-content/themes/ia-accioweb/fonts/sftransrobotics/sf_transrobotics-webfont.svg#webfontregular') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    Please clear browser cache and check now.

    Clarify what post you want to remove, the first one?

    Regards,
    Eva Kemp.

    Avatar: accioweb
    accioweb
    Participant
    December 25, 2015 at 11:27

    Worked! thank you so much!

    Avatar: Eva
    Eva Kemp
    Support staff
    December 25, 2015 at 11:37

    Hello,

    You’re welcome.

    Regards,
    Eva Kemp.

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

The issue related to '‘Custom Font’' has been successfully resolved, and the topic is now closed for further responses

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