I’ve been browsing the forums and looking for answers, but I just can’t figure out what’s wrong.
Website: www.breakfastballapparel.com
Theme: Impulse
Fonts: Cera Pro font family and Bring Heart Regular (Bring Heart Regular is the script font and is working on mobile)
Our IT guy loaded up the fonts originally, but I’ve since been updating the code myself (with just a little bit of understanding of it). Originally, he uploaded OTFs, but I just replaced them with .eot, hoping that would fix things. The code below was taken from the .eot zip folder. I referenced the style sheet in the theme.liquid, not the theme.css.liduid. I tried going through theme.liquid to see if there was something I needed to change in there, but I wasn’t certain.
I created a style sheet, fonts.css.liquid ;
@font-face {
font-family: ‘Cera Pro’;
src: url(‘CeraPro-Italic.eot’);
src: local(‘Cera Pro Italic’), local(‘CeraPro-Italic’),
url(‘CeraPro-Italic.eot?#iefix’) format(‘embedded-opentype’),
url(‘CeraPro-Italic.woff’) format(‘woff’),
url(‘CeraPro-Italic.ttf’) format(‘truetype’);
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: ‘Cera Pro’;
src: url(‘CeraPro-Regular.eot’);
src: local(‘Cera Pro Regular’), local(‘CeraPro-Regular’),
url(‘CeraPro-Regular.eot?#iefix’) format(‘embedded-opentype’),
url(‘CeraPro-Regular.woff’) format(‘woff’),
url(‘CeraPro-Regular.ttf’) format(‘truetype’);
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: ‘Cera Pro’;
src: url(‘CeraPro-BlackItalic.eot’);
src: local(‘Cera Pro Black Italic’), local(‘CeraPro-BlackItalic’),
url(‘CeraPro-BlackItalic.eot?#iefix’) format(‘embedded-opentype’),
url(‘CeraPro-BlackItalic.woff’) format(‘woff’),
url(‘CeraPro-BlackItalic.ttf’) format(‘truetype’);
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: ‘Cera Pro’;
src: url(‘CeraPro-Light.eot’);
src: local(‘Cera Pro Light’), local(‘CeraPro-Light’),
url(‘CeraPro-Light.eot?#iefix’) format(‘embedded-opentype’),
url(‘CeraPro-Light.woff’) format(‘woff’),
url(‘CeraPro-Light.ttf’) format(‘truetype’);
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: ‘Cera Pro’;
src: url(‘CeraPro-BoldItalic.eot’);
src: local(‘Cera Pro Bold Italic’), local(‘CeraPro-BoldItalic’),
url(‘CeraPro-BoldItalic.eot?#iefix’) format(‘embedded-opentype’),
url(‘CeraPro-BoldItalic.woff’) format(‘woff’),
url(‘CeraPro-BoldItalic.ttf’) format(‘truetype’);
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: ‘Cera Pro’;
src: url(‘CeraPro-Black.eot’);
src: local(‘Cera Pro Black’), local(‘CeraPro-Black’),
url(‘CeraPro-Black.eot?#iefix’) format(‘embedded-opentype’),
url(‘CeraPro-Black.woff’) format(‘woff’),
url(‘CeraPro-Black.ttf’) format(‘truetype’);
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: ‘Cera Pro’;
src: url(‘CeraPro-Medium.eot’);
src: local(‘Cera Pro Medium’), local(‘CeraPro-Medium’),
url(‘CeraPro-Medium.eot?#iefix’) format(‘embedded-opentype’),
url(‘CeraPro-Medium.woff’) format(‘woff’),
url(‘CeraPro-Medium.ttf’) format(‘truetype’);
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: ‘Cera Pro’;
src: url(‘CeraPro-Bold.eot’);
src: local(‘Cera Pro Bold’), local(‘CeraPro-Bold’),
url(‘CeraPro-Bold.eot?#iefix’) format(‘embedded-opentype’),
url(‘CeraPro-Bold.woff’) format(‘woff’),
url(‘CeraPro-Bold.ttf’) format(‘truetype’);
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: ‘Cera Pro’;
src: url(‘CeraPro-MediumItalic.eot’);
src: local(‘Cera Pro Medium Italic’), local(‘CeraPro-MediumItalic’),
url(‘CeraPro-MediumItalic.eot?#iefix’) format(‘embedded-opentype’),
url(‘CeraPro-MediumItalic.woff’) format(‘woff’),
url(‘CeraPro-MediumItalic.ttf’) format(‘truetype’);
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: ‘Cera Pro’;
src: url(‘CeraPro-LightItalic.eot’);
src: local(‘Cera Pro Light Italic’), local(‘CeraPro-LightItalic’),
url(‘CeraPro-LightItalic.eot?#iefix’) format(‘embedded-opentype’),
url(‘CeraPro-LightItalic.woff’) format(‘woff’),
url(‘CeraPro-LightItalic.ttf’) format(‘truetype’);
font-weight: 300;
font-style: italic;
}
