This topic has 6 replies, 2 voices, and was last updated 8 years, 11 months ago ago by Eva Kemp
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.
Hello,
Please provide us with FTP (FTP host, FTP user, FTP password) credentials in private content.
Regards,
Eva Kemp.
Can you please delete the previous post?I cannot edit it.
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.
Worked! thank you so much!
Hello,
You’re welcome.
Regards,
Eva Kemp.
Tagged: custom font, design, styles, templates, unique, woocommerce, wordpress
The issue related to '‘Custom Font’' has been successfully resolved, and the topic is now closed for further responses