diff options
| author | Teddy Wing | 2014-03-27 00:44:03 -0400 |
|---|---|---|
| committer | Teddy Wing | 2014-03-27 00:44:22 -0400 |
| commit | 06909d8edd0014e51666475bc2cfd29eeaa43e1f (patch) | |
| tree | d108b5bd7a6a1b1e4fadb9fe9ca15b3a528727cd | |
| parent | 66fe0d21e435d77207d2412f7a8296eeab6afd75 (diff) | |
| download | GitHub-Show-Full-Commit-Message-Bookmarklet-06909d8edd0014e51666475bc2cfd29eeaa43e1f.tar.bz2 | |
Add CSS @font-face includes for our new fonts
| -rw-r--r-- | index.html | 36 |
1 files changed, 35 insertions, 1 deletions
@@ -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; } |