@ font-face does not work in Android browsers

Question

The following @font-face ads work perfectly in every main browser (including Chrome for Android) , except for 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 can i do wrong?

Screenshots

Android 4.0.3 browser:

Chrome 19 on Windows 7:

Firefox 13 on Windows 7:

Answer 1

I am a subset of OFTN Aller (bold) anymore since I no longer use it for other headers (logo only) and this seemed to solve the problem.

Answer 2

.woff is not supported in android

check font support

Edit: I think the page loads correctly because it looks the same on the desktop.

 Our Name ΩF:∅ means "ohm-farad to none", and we usually pronounce it as "often".