The following @font-face
declarations work fine in in every major browser (including Chrome for Android)
except for the Android Browser
and Firefox for Android
(from http://oftn.org/css/global.css):
@font-face {
font-family: "OFTN Aller";
src: url("../fonts/OFTN-Aller-Bold.woff") format("woff"),
url("../fonts/OFTN-Aller-Bold.ttf") format("truetype");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: "OFTN Aller";
src: url("../fonts/OFTN-Aller.woff") format("woff"),
url("../fonts/OFTN-Aller.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
What could I be doing wrong?
Android 4.0.3 browser:
Chrome 19 on Windows 7:
Firefox 13 on Windows 7:
Click the three dots at the top-right of your Google Chrome screen, and then choose ”Settings”. On the left side of the screen, click on ”Appearance,” and then choose ”Customize Fonts” in the center of the screen.
According to Apple's documentation, @font-face is deprecated for use on the iPhone version of Safari.
Go to Control Panel > Appearance and Personalization > Display > Adjust ClearType text (on the left). Check the box entitled “Turn on ClearType.” After going through a short wizard, this will fix some of the text rendering issues in Chrome.
.woff is not supported in android
check font support
Edit: i think the page is loading correct because it looks same on desktop.
Our Name
ΩF:∅ means "ohm-farad to none", and we usually pronounce it as "often".
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With