diff --git a/_sass/2017/base/base.scss b/_sass/2017/base/base.scss
index 5b5c924fa..7c0351cc2 100644
--- a/_sass/2017/base/base.scss
+++ b/_sass/2017/base/base.scss
@@ -27,7 +27,7 @@ pre, code {
 }
 
 pre {
-  font-size: 0.92em;
+  font-size: $code-size;
 }
 
 /*
diff --git a/_sass/2017/markdown/code.scss b/_sass/2017/markdown/code.scss
index a31846b28..2efae98f4 100644
--- a/_sass/2017/markdown/code.scss
+++ b/_sass/2017/markdown/code.scss
@@ -24,6 +24,8 @@
     overflow: hidden;
     overflow-x: auto;
     background: white;
+    font-size: $code-size;
+    line-height: $code-line-height;
   }
 
   pre > code {
diff --git a/_sass/2017/style.scss b/_sass/2017/style.scss
index d166cb02f..376e1b8bf 100644
--- a/_sass/2017/style.scss
+++ b/_sass/2017/style.scss
@@ -1,4 +1,5 @@
 @import url('https://unpkg.com/hint.css@2.5.0/hint.min.css');
+@import url('https://fonts.googleapis.com/css?family=Cousine');
 @import './variables';
 @import '../vendor/modularscale/modularscale';
 @import '../vendor/iconfonts/ionicons@3';
diff --git a/_sass/2017/variables.scss b/_sass/2017/variables.scss
index 4f7ba7213..da8ef9812 100644
--- a/_sass/2017/variables.scss
+++ b/_sass/2017/variables.scss
@@ -5,7 +5,8 @@
 $gut-small: 16px; // max 480px width
 $gut: 16px;
 $column: 400px;
-$code-size: 0.92em;
+$code-size: 0.96em;
+$code-line-height: 1.5;
 $area-width: $column * 3 + 32px;
 
 /*
@@ -16,7 +17,7 @@ $system-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
 $system-mono: 'SFMono-Regular', Consolas, Menlo, 'Liberation Mono', 'Ubuntu Mono', Courier, monospace;
 $body-font: $system-sans;
 $heading-font: $system-sans;
-$monospace-font: $system-mono;
+$monospace-font: cousine, $system-mono;
 
 /*
  * Base colors