This repository has been archived by the owner on Aug 31, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
72 lines (65 loc) · 2.25 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<!doctype html>
<!--[if lte IE 8]> <html lang="en" class="ie-lte8"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>@font-face Feature Test and Blacklist</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Styles of icon fonts -->
<link rel="stylesheet" href="style.css" />
<script>
(function( win, undefined ) {
"use strict";
var doc = document,
head = doc.head || doc.getElementsByTagName( "head" )[ 0 ] || doc.documentElement,
style = doc.createElement( "style" ),
rule = "@font-face { font-family: 'webfont'; src: 'https://'; }",
res = false,
blacklist = (function() {
var ua = win.navigator.userAgent.toLowerCase(),
wkvers = ua.match( /applewebkit\/([0-9]+)/gi ) && parseFloat( RegExp.$1 ),
webos = ua.match( /w(eb)?osbrowser/gi ),
wppre8 = ua.indexOf( "windows phone" ) > -1 && win.navigator.userAgent.match( /IEMobile\/([0-9])+/ ) && parseFloat( RegExp.$1 ) >= 9,
oldandroid = wkvers < 533 && ua.indexOf( "Android 2.1" ) > -1;
return webos || oldandroid || wppre8;
}()),
sheet;
style.type = "text/css";
head.insertBefore( style, head.firstChild );
sheet = style.sheet || style.styleSheet;
if ( !!sheet && !blacklist ) {
try {
sheet.cssText = rule;
res = sheet.cssText && ( /webfont/i ).test( sheet.cssText );
sheet.cssText = "";
} catch( e ) { }
}
if( res ) {
var html = document.getElementsByTagName( "html" )[ 0 ];
html.setAttribute( "class", ( html.getAttribute( "class" ) ? html.getAttribute( "class" ) + " " : "" ) + "supports-fontface" );
}
}( this ));
</script>
</head>
<body>
<div>
<span aria-hidden="true" class="icon icon-menu">Menu</span>
</div>
<div>
<span aria-hidden="true" class="icon icon-cog">Settings</span>
</div>
<div>
<span aria-hidden="true" class="icon icon-close">Close</span>
</div>
<div>
<span aria-hidden="true" class="icon icon-expand">Expand</span>
</div>
<div>
<span aria-hidden="true" class="icon icon-contract">Contract</span>
</div>
<div>
<span aria-hidden="true" class="icon icon-user fallback-txt">Account</span>
</div>
</body>
</html>