From 06909d8edd0014e51666475bc2cfd29eeaa43e1f Mon Sep 17 00:00:00 2001
From: Teddy Wing
Date: Thu, 27 Mar 2014 00:44:03 -0400
Subject: Add CSS @font-face includes for our new fonts

---
 index.html | 36 +++++++++++++++++++++++++++++++++++-
 1 file changed, 35 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 793b65f..378c80a 100644
--- a/index.html
+++ b/index.html
@@ -10,13 +10,47 @@
 	<style type="text/css">
 		html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
 		
+		@font-face {
+		    font-family: 'Varela Round';
+		    src: url('assets/fonts/Varela-Round/varelaround-regular-webfont.eot');
+		    src: url('assets/fonts/Varela-Round/varelaround-regular-webfont.eot?#iefix') format('embedded-opentype'),
+		         url('assets/fonts/Varela-Round/varelaround-regular-webfont.woff') format('woff'),
+		         url('assets/fonts/Varela-Round/varelaround-regular-webfont.ttf') format('truetype'),
+		         url('assets/fonts/Varela-Round/varelaround-regular-webfont.svg#varela_roundregular') format('svg');
+		    font-weight: normal;
+		    font-style: normal;
+		}
+		
+		@font-face {
+		    font-family: 'Noto Serif';
+		    src: url('assets/fonts/Noto-Serif/notoserif-regular-webfont.eot');
+		    src: url('notoserif-regular-webfont.eot?#iefix') format('embedded-opentype'),
+		         url('assets/fonts/Noto-Serif/notoserif-regular-webfont.woff') format('woff'),
+		         url('assets/fonts/Noto-Serif/notoserif-regular-webfont.ttf') format('truetype'),
+		         url('assets/fonts/Noto-Serif/notoserif-regular-webfont.svg#noto_serifregular') format('svg');
+		    font-weight: normal;
+		    font-style: normal;
+		}
+		
+		@font-face {
+		    font-family: 'Noto Serif';
+		    src: url('assets/fonts/Noto-Serif/notoserif-italic-webfont.eot');
+		    src: url('assets/fonts/Noto-Serif/notoserif-italic-webfont.eot?#iefix') format('embedded-opentype'),
+		         url('assets/fonts/Noto-Serif/notoserif-italic-webfont.woff') format('woff'),
+		         url('assets/fonts/Noto-Serif/notoserif-italic-webfont.ttf') format('truetype'),
+		         url('assets/fonts/Noto-Serif/notoserif-italic-webfont.svg#noto_serifitalic') format('svg');
+		    font-weight: normal;
+		    font-style: italic;
+		}
+		
+		
 		i { font-style: italic; }
 		
 		body { margin: 30px 0; background-color: #f0eeee; font: 16px 'Noto Serif'; }
 		
 		.wrapper { width: 600px; margin: 0 auto; }
 		
-		header { width: 940px; margin: 0 auto 0.5em; font: 4.5em/1.05 varela-round; text-align: center; }
+		header { width: 940px; margin: 0 auto 0.5em; font: 4.5em/1.05 'Varela Round'; text-align: center; }
 		
 		div[role="main"] { font-size: 1.5em; }
 		
-- 
cgit v1.2.3