Reputation: 31
I'm using font-face on my website (Teuton23ProRegular)
and the font is not coming through on Android ICS
(tried native browser and Firefox), and looking good on all other desktop and mobiles I've tried (Android Gingerbread, iPhones, Win Mobile)
. Mobile firebug revealed this error:
Error: downloadable font: not usable by platform (font-family: "Teuton23ProRegular" style:normal weight:normal stretch:normal src index:2)
Source File: http://[sitename]/../css/fonts/teuton23pro-webfont.woff
Line: 0
Source Code:
@font-face {
font-family: 'Teuton23ProRegular';
src: url('../../css/fonts/teuton23pro-webfont.eot');
src: url('../../css/fonts/teuton23pro-webfont.eot?iefix') format('eot'),
url('../../css/fonts/teuton23pro-webfont.woff') format('woff'),
url('../../css/fonts/teuton23pro-webfont.ttf') format('truetype'),
url('../../css/fonts/teuton23pro-webfont.svg#Teuton23ProRegular') format('svg');
font-weight: normal;
font-style: normal;
}
Another interesting thing is that the font I got from http://fonts.com/ works fine ("Trade Gothic W02 Bold 2")
.
Any thoughts would be appreciated.
Upvotes: 3
Views: 1181
Reputation: 3841
If Trade Gothic W02 Bold 2 is working but not Teuton23ProRegular then by logical deduction the problem probably lies in the content of the font files or the font-face declaration.
I am not familiar with Android IceCream Sandwich Browser's font rendering and the format it utilizes (looks like it uses .woff given the error notice) but it seems like the Teuton23ProRegular font-face file is not working because:
Please double check all of the above by comparing how you declared Teuton23 versus the Trade Gothic equivalent.
Upvotes: 1