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.
