Phr33 St00f

http://uxdesign.smashingmagazine.com/2009/01/19/12-useful-techniques-for-good-user-interface-design-in-web-applications/
@font-face {
    font-family: 'Skolar Regular';
    src: url('http://f.fontdeck.com/f/1/eE5QaHFwME8ABk92GD0pkdldzZoepJ/QtQjad92qX8CSurnNGXh7kKv7tCjjqZpo7NnJSTBjZGelMQ.eot');
    src: url('http://f.fontdeck.com/f/1/eE5QaHFwME8ABk92GD0pkdldzZoepJ/QtQjad92qX8CSurnNGXh7kKv7tCjjqZpo7NnJSTBjZGelMQ.eot?') format('embedded-opentype'),
    url('http://f.fontdeck.com/f/1/eE5QaHFwME8ABk92GD0pkdldzZoepJ/QtQjad92qX8CSurnNGXh7kKv7tCjjqZpo7NnJSTBjZGelMQ.woff') format('woff'),
    url('http://f.fontdeck.com/f/1/eE5QaHFwME8ABk92GD0pkdldzZoepJ/QtQjad92qX8CSurnNGXh7kKv7tCjjqZpo7NnJSTBjZGelMQ.ttf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Skolar Bold';
    src: url('http://f.fontdeck.com/f/1/STh5SXdkSEEABi0dxetokgBvKTmktJLtsdDpDiKX1mAwQoqGXhAMchogOhWMFwi6kK3ciez+dJUGrw.eot');
    src: url('http://f.fontdeck.com/f/1/STh5SXdkSEEABi0dxetokgBvKTmktJLtsdDpDiKX1mAwQoqGXhAMchogOhWMFwi6kK3ciez+dJUGrw.eot?') format('embedded-opentype'),
    url('http://f.fontdeck.com/f/1/STh5SXdkSEEABi0dxetokgBvKTmktJLtsdDpDiKX1mAwQoqGXhAMchogOhWMFwi6kK3ciez+dJUGrw.woff') format('woff'),
    url('http://f.fontdeck.com/f/1/STh5SXdkSEEABi0dxetokgBvKTmktJLtsdDpDiKX1mAwQoqGXhAMchogOhWMFwi6kK3ciez+dJUGrw.ttf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Skolar Italic';
    src: url('http://f.fontdeck.com/f/1/THhtWmt1NFEABrX7F4rhvZv9Hgvfd1mpjddCB7sqr2ih+QNo43kN3mP41JV86/jR2ZWt79OJugd0yg.eot');
    src: url('http://f.fontdeck.com/f/1/THhtWmt1NFEABrX7F4rhvZv9Hgvfd1mpjddCB7sqr2ih+QNo43kN3mP41JV86/jR2ZWt79OJugd0yg.eot?') format('embedded-opentype'),
    url('http://f.fontdeck.com/f/1/THhtWmt1NFEABrX7F4rhvZv9Hgvfd1mpjddCB7sqr2ih+QNo43kN3mP41JV86/jR2ZWt79OJugd0yg.woff') format('woff'),
    url('http://f.fontdeck.com/f/1/THhtWmt1NFEABrX7F4rhvZv9Hgvfd1mpjddCB7sqr2ih+QNo43kN3mP41JV86/jR2ZWt79OJugd0yg.ttf') format('opentype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Proxima Nova Italic';
    src: url('http://f.fontdeck.com/f/1/dWQxWFZ5OG8ABuc5FoE/C3ykWiaCTFhPhGBAG9F8c55Am6Ki93h622jaURo6nX/kCLGUMSrL9VITYQ.eot');
    src: url('http://f.fontdeck.com/f/1/dWQxWFZ5OG8ABuc5FoE/C3ykWiaCTFhPhGBAG9F8c55Am6Ki93h622jaURo6nX/kCLGUMSrL9VITYQ.eot?') format('embedded-opentype'),
    url('http://f.fontdeck.com/f/1/dWQxWFZ5OG8ABuc5FoE/C3ykWiaCTFhPhGBAG9F8c55Am6Ki93h622jaURo6nX/kCLGUMSrL9VITYQ.woff') format('woff'),
    url('http://f.fontdeck.com/f/1/dWQxWFZ5OG8ABuc5FoE/C3ykWiaCTFhPhGBAG9F8c55Am6Ki93h622jaURo6nX/kCLGUMSrL9VITYQ.ttf') format('opentype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Proxima Nova Regular';
    src: url('http://f.fontdeck.com/f/1/Q2xYZlRQVVYABjthrUuA8m7VcXS7tjbPOBUZsTpS00ei1I3kTrklvVmERE8F0efBTPlvMogQA3V4pw.eot');
    src: url('http://f.fontdeck.com/f/1/Q2xYZlRQVVYABjthrUuA8m7VcXS7tjbPOBUZsTpS00ei1I3kTrklvVmERE8F0efBTPlvMogQA3V4pw.eot?') format('embedded-opentype'),
    url('http://f.fontdeck.com/f/1/Q2xYZlRQVVYABjthrUuA8m7VcXS7tjbPOBUZsTpS00ei1I3kTrklvVmERE8F0efBTPlvMogQA3V4pw.woff') format('woff'),
    url('http://f.fontdeck.com/f/1/Q2xYZlRQVVYABjthrUuA8m7VcXS7tjbPOBUZsTpS00ei1I3kTrklvVmERE8F0efBTPlvMogQA3V4pw.ttf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Bold';
    src: url('http://f.fontdeck.com/f/1/MWo0T0VlenQABuKdM/vrNg6ehI+utfgPcSzqjp+iolgm9+lJScv7Q0IkaeXZ1x6NRieBiTq/2pU2ag.eot');
    src: url('http://f.fontdeck.com/f/1/MWo0T0VlenQABuKdM/vrNg6ehI+utfgPcSzqjp+iolgm9+lJScv7Q0IkaeXZ1x6NRieBiTq/2pU2ag.eot?') format('embedded-opentype'),
    url('http://f.fontdeck.com/f/1/MWo0T0VlenQABuKdM/vrNg6ehI+utfgPcSzqjp+iolgm9+lJScv7Q0IkaeXZ1x6NRieBiTq/2pU2ag.woff') format('woff'),
    url('http://f.fontdeck.com/f/1/MWo0T0VlenQABuKdM/vrNg6ehI+utfgPcSzqjp+iolgm9+lJScv7Q0IkaeXZ1x6NRieBiTq/2pU2ag.ttf') format('opentype');
    font-weight: bold;
    font-style: normal;
}