False positive for @font-face on WP7

[thany]

I've found a false positive for @font-face on Windows Phone 7 (including 7.5). Modernizr says font-face is available, but it isn't supported at all by the platform.

This is with Modernizr 2.5.3 custom build (which includes font-face detection, obviously) on the latest release & update of the Windows Phone SDK emulator. I don't have an actual device to test this on.

[paulirish]

yup.

looks like a false positive.. MSFT has written about it here:
http://blogs.msdn.com/b/thebeebs/archive/2011/12/14/font-face-isn-t-working-on-ie9-inside-of-windows-phone-7.aspx

:(

we can filter out the FP with some other detect or ignore it because of
marketshare concerns..

[addyosmani]

My vote is for ignore down to marketshare. Could increase though!

[thany]

Indeed in my country WP7 has a marketshare of about 1%. But that's not the issue I think. The issue is that Modernizr seems to falsely detect @font-face, so this problem might also exist on other browsers - not just WP7.

[chriscoyier]

Just for anyone else finding this... you can conditional comment for WP7 in case that helps... e.g.

<!--[if IEMobile]> 
   <style>[data-icon]:before { display: none; }</style>
<![endif]--> 

[peteboere]

Conditional comments like mentioned by @chriscoyier are borked in the current edition of Windows Mobile (7.5).

They are removed completely in IE 10 in upcoming WM 8 so this particular technique is for the dustbin I think.

This leaves us with UA sniffing:

var ieMobile
    = ( !!window.ActiveXObject && +( /IEMobile\/(\d+\.?(\d+)?)/.exec( navigator.userAgent )[1] ) ) || NaN;

if ( ! ieMobile || ieMobile >= 10 ) {
    document.documentElement.className += ' webfonts';
}

[ryanseddon]

Microsoft actually do the following on their new redesign to handle this bug.

/(Windows Phone)|(XBLWP)|(ZuneWP)/.test(navigator.userAgent)&&$("html").removeClass("fontface")

[jalbertbowden]

conditional comments are borked in ie10 but conditional compilation is not; without actually trying it, i bet there's a way to detect ie mobile versions using @_cc....maybe via jscript detection. i could be way off...but @_cc is available to be abused by your local neighborhood user agents.

[wilddeer]

Seems to be fixed in wp7.8 emulator; now returns false.