Return to previous page

Custom Font - by accioweb - on WordPress WooCommerce support

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

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.

#105443 Copied Theme version: latest WooCommerce version: latest

5 Answers

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.

#105481 Copied

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.

#105757 Copied
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.
#105772 Copied
accioweb

Participant

December 25, 2015 at 11:27

Worked! thank you so much!

#105788 Copied

Eva Kemp

Support staff

December 25, 2015 at 11:37

Hello,

You’re welcome.

Regards,
Eva Kemp.

#105791 Copied
Tagged: custom font, design, styles, templates, unique, woocommerce, wordpress
Viewing 6 results - 1 through 6 (of 6 total)