After downloading the font from Google fonts, recycling it using the fontsquirrel.com tool, the following css is added:
@font-face {
font-family: 'kaushan_scriptregular';
src: url('kaushanscript-regular-webfont.eot');
src: url('kaushanscript-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('kaushanscript-regular-webfont.woff') format('woff'),
url('kaushanscript-regular-webfont.ttf') format('truetype'),
url('kaushanscript-regular-webfont.svg#kaushan_scriptregular') format('svg');
font-weight: normal;
font-style: normal;
}
The font works fine in all browsers and devices, except for Android smartphones, on their standard browser. If I use, for example, Chrome for Android, then the font works fine. I have to say that I am using Foundation5 and that I have already replaced the font family in all CSS!
Please note that if the files were not in the correct folder or if the CSS @ font was incorrect, then this would not work on the computer. Notice also that I already tried this in other projects with different fonts, and it worked perfectly on Android smartphones.
Does anyone know what the problem is? Thanks in advance!