<FilesMatch "\.(eot|otf|ttf|woff)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>
</FilesMatch>
<script type="text/javascript" src="//use.typekit.net/aga7nxk.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
<script type="text/javascript">
(function(d) {
var config = {
kitId: 'aga7nxk',
scriptTimeout: 3000
},
h=d.documentElement,t=setTimeout(function(){h.className=h.className.replace(/\bwf-loading\b/g,"")+" wf-inactive";},config.scriptTimeout),tk=d.createElement("script"),f=false,s=d.getElementsByTagName("script")[0],a;h.className+=" wf-loading";tk.src='//use.typekit.net/'+config.kitId+'.js';tk.async=true;tk.onload=tk.onreadystatechange=function(){a=this.readyState;if(f||a&&a!="complete"&&a!="loaded")return;f=true;clearTimeout(t);try{Typekit.load(config)}catch(e){}};s.parentNode.insertBefore(tk,s)
})(document);
</script>
h1 {
font-family: 'proxima-nova', sans-serif;
}
WebFont formats: EOT (Embeded OpenType), TTF (TrueType Font), SVG, WOFF (Web Only Font Format)
WebFonts supported by
Desktop Browsers: IE 5+, FF 3.5+, Opera 10+, Chrome 4+, Safari 3.1+
Mobile Browsers: iOS Mobile Safari, Android 2.2+, BlackBerry OS 6.
WOFF Browser Support: FF 3.6+, Chrome 5+, Safari 5.1+, Opera 11+, IE 9+
WOFF Engine Support: Presto 2.7.18+, WebKit
| Font Format | Extension | MIME-Type | Notes |
|---|---|---|---|
| Embeded OpenType | .eot | application/vnd.ms-fontobject |
- |
| Compatibility Web Type | .cwt? | application/vnd.ms-fontobject? |
Simplified subset of EOT |
| TrueType Font | .ttf | application/octet-stream |
- |
| OpenType Font | .otf | application/octet-stream |
- |
| SVG Font | .svg | image/svg+xml |
- |
| Web Open Font Format | .woff | application/x-font-woff (Chrome),application/font-woff (W3C, eventually) |
- |
| Web Open Font Format | .woff | application/x-woff (Wikipedia),font/woff (Font CDN) |
- |
| Format | Trident | Gecko | Mozilla | WebKit | Mobile Safari | Presto | Notes |
|---|---|---|---|---|---|---|---|
| PFR (TrueDoc) | No | No | 4/5 | 525 | No? | 2.2 | 1st WebFont system created by Bitstream. Mozilla couldn’t share code. |
| TTF (TrueType / OpenType TT Font) | 5.0 | 1.9.1 | No | 525 | iOS 4.2 | 2.2 | Standard TTF or OpenType TT Font with TTF Outlines |
| OTF (OpenType PS Font) | 5.0 | 1.9.1 | No | 525 | No | 2.2 | OpenType PS Font with Postscript Outlines. MS & Adobe creation |
| EOT (Embedded OpenType) | <3.1 ^[IE 4]^ | No | No | No | No | No | Microsoft’s variation of TTF & OTF supporting compression and domain locking |
| SVG (Scalable Vector Graphics) | No | No | No | 525 | iOS < 4.2 | 2.2 | - |
| WOFF (Web Open Font Format) | 5.0 | 1.9.2 | No | 533 | No | 2.7.81 | Initiative from Mozilla, MS and Opera. Wrapper for TTF and OTF and ZLIB compression. |
Trident 5.0: IE 9
Gecko 1.9.1: FF 3.5, SeaMonkey 2.0
Gecko 1.9.2: Firefox 3.6, Songbird 1.9.3
WebKit 525: Chrome 1, Safari 3.1~ (disabled by default in Chrome)
WebKit 532.?: Chrome 4.0.249.78 (enabled by default)
WebKit 533: Chrome 5, Safari 4.1
Presto 2.2: Opera Mobile 9.7 / Opera 10
Presto 2.7: Opera 11
| Format | Trident | Gecko | WebKit | Presto |
|---|---|---|---|---|
| OpenType @liga@ ligatures | No | 2.0 | Partial | No |
| OpenType @rlig@ ligatures | No | 2.0 | No | No |
| ZWNJ and ZWJ (Unicode characters used for ligature control) | Yes | 2.0 | Yes | No |
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700)
Served for Chrome 31, Safari 6.1 on OS X 10.8.5
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
src: local('Montserrat-Regular'), url(http://themes.googleusercontent.com/static/fonts/montserrat/v3/zhcz-_WihjSQC0oHJ9TCYL3hpw3pgy2gAi-Ip7WPMi0.woff) format('woff');
}
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
src: local('Montserrat-Bold'), url(http://themes.googleusercontent.com/static/fonts/montserrat/v3/IQHow_FEYlDC4Gzy_m8fcnbFhgvWbfSbdVg11QabG8w.woff) format('woff');
}
Served for IE 10 on Win7
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
src: url(http://themes.googleusercontent.com/static/fonts/montserrat/v3/zhcz-_WihjSQC0oHJ9TCYFQlYEbsez9cZjKsNMjLOwM.eot);
src: local('Montserrat-Regular'),
url(http://themes.googleusercontent.com/static/fonts/montserrat/v3/zhcz-_WihjSQC0oHJ9TCYFQlYEbsez9cZjKsNMjLOwM.eot) format('embedded-opentype'),
url(http://themes.googleusercontent.com/static/fonts/montserrat/v3/zhcz-_WihjSQC0oHJ9TCYBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
src: url(http://themes.googleusercontent.com/static/fonts/montserrat/v3/IQHow_FEYlDC4Gzy_m8fcmzklk6MJbhg7BmBP42CjCQ.eot);
src: local('Montserrat-Bold'),
url(http://themes.googleusercontent.com/static/fonts/montserrat/v3/IQHow_FEYlDC4Gzy_m8fcmzklk6MJbhg7BmBP42CjCQ.eot) format('embedded-opentype'),
url(http://themes.googleusercontent.com/static/fonts/montserrat/v3/IQHow_FEYlDC4Gzy_m8fcgFhaRv2pGgT5Kf0An0s4MM.woff) format('woff');
}
Served for Chrome 31, FF 25.0.1 on Win7
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
src: local('Montserrat-Regular'), url(http://themes.googleusercontent.com/static/fonts/montserrat/v3/zhcz-_WihjSQC0oHJ9TCYBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
src: local('Montserrat-Bold'), url(http://themes.googleusercontent.com/static/fonts/montserrat/v3/IQHow_FEYlDC4Gzy_m8fcgFhaRv2pGgT5Kf0An0s4MM.woff) format('woff');
}
http://code.google.com/apis/webfonts/