I have been trying to solve this for quite awhile now with no success, so any help would be appreciated.
In firefox 34 all my fonts, spacing and styling are perfect. In Chrome 39, it is not recognizing my fonts along with alignCenter, alignLeft and other classes.
My styles.less file has the following at the top:
@homizioBlack: 'homizio-black';
@homizioMedium: 'homizio-medium';
@homizioLight: 'homizio-light';
**My fonts.css has the following:**
@font-face{
font-family: 'homizio-black';
src: url('Homizio-black.ttf') format('truetype');
}
@font-face{
font-family: 'homizio-medium';
src: url('Homizio-medium.ttf') format('truetype');
}
@font-face{
font-family: 'homizio-light';
src: url('Homizio-light.ttf') format('truetype');
}
I have all of the fonts downloaded locally. I can inspect the element in chrome and see that it is finding my stylesheet however the font is not homizio, it is rendering as times new roman which is nowhere to be found in my code. My ascx page references all of the fonts in my fonts.css. Do i have to make a specific adjustment for Chrome? IE is not finding them either.
Thank you for any help.