diff --git a/layouts/css/base.styl b/layouts/css/base.styl
index 743043f238e00..df18eb5a3dbd4 100644
--- a/layouts/css/base.styl
+++ b/layouts/css/base.styl
@@ -3,9 +3,11 @@
 // Base styles
 body
     box-sizing border-box
-    font 300 20px/1.5 'Source Sans Pro', Arial, sans-serif
-    color #000
+    font 400 15px/1.5 "source-sans-pro", sans-serif
+    color #333333
     margin 0
+    -webkit-font-smoothing antialiased
+    text-rendering optimizeLegibility
 
 header,
 main,
@@ -18,7 +20,16 @@ h3,
 h4,
 h5
     font-weight normal
+    margin: 1em 0 10px 0
 
+h1
+    font-size 30px
+    line-height 36px
+    margin 15px 0 11px
+
+h2
+    font-size 25px
+    letter-spacing 1px
 
 a,
 a:link,
diff --git a/layouts/partials/html-head.hbs b/layouts/partials/html-head.hbs
index 99ee65eaa8f41..3355cd3b01ec9 100644
--- a/layouts/partials/html-head.hbs
+++ b/layouts/partials/html-head.hbs
@@ -18,4 +18,7 @@
     <link rel="alternate" href="/{{site.locale}}/tsc-minutes.xml" title="Node.js TSC meeting minutes" type="application/rss+xml">
     <link rel="stylesheet" href="/{{site.locale}}/styles.css" media="all">
     <link rel="stylesheet" href="/static/css/prism-tomorrow.css" media="all">
+
+    <script src="//use.typekit.net/mse5tqx.js"></script>
+    <script>try{Typekit.load();}catch(e){}</script>
 </head>