Created
April 17, 2013 19:04
-
-
Save scottjehl/5406853 to your computer and use it in GitHub Desktop.
current font loading snippet
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| ... | |
| // test for font-face version to load via Data URI'd CSS | |
| // Basically, load WOFF unless it's android's default browser, which needs TTF, or ie8-, which needs eot | |
| var fonts = ns.files.css.fontsWOFF, | |
| ua = win.navigator.userAgent; | |
| // android webkit browser, non-chrome | |
| if( ua.indexOf( "Android" ) > -1 && ua.indexOf( "like Gecko" ) > -1 && ua.indexOf( "Chrome" ) === -1 ){ | |
| fonts = ns.files.css.fontsTTF; | |
| } | |
| // old IE via html classname | |
| else if( win.document.documentElement.className.indexOf( "ie-lte8" ) > -1 ){ | |
| fonts = ns.files.css.fontsEOT; | |
| } | |
| // Load the fonts via inject into head | |
| var injectref = win.document.getElementsByTagName( "script" )[ 0 ]; | |
| function loadCSS( href ){ | |
| var fontslink = win.document.createElement( "link" ); | |
| fontslink.rel = "stylesheet"; | |
| fontslink.href= href; | |
| if( injectref && injectref.parentNode ) { | |
| injectref.parentNode.insertBefore( fontslink, injectref ); | |
| } else { | |
| // uncommon, but oldIE timing | |
| window.setTimeout(function() { | |
| loadCSS( href ); | |
| }, 15); | |
| } | |
| } | |
| loadCSS( fonts ); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment