diff --git a/ratpack-stylesheets/_typography.scss b/ratpack-stylesheets/_typography.scss
index d7307d4a04..b1acd397f7 100644
--- a/ratpack-stylesheets/_typography.scss
+++ b/ratpack-stylesheets/_typography.scss
@@ -4,10 +4,13 @@
 @include font-face("Merriweather Sans", inline-font-files("MerriweatherSans-Bold.woff"), false, 700);
 @include font-face("Merriweather Sans", inline-font-files("MerriweatherSans-BoldItalic.woff"), false, 700, italic);
 @include font-face("Engagement", inline-font-files("Engagement-Regular.woff"));
+@include font-face("Monaco", inline-font-files("Monaco.woff"));
+@include font-face("Monaco", inline-font-files("Monaco-Bold.woff"), false, 700);
 
 $sans-font-family: "Merriweather Sans", Futura, "Trebuchet MS", Arial, sans-serif !default;
 $serif-font-family: "Merriweather", Georgia, Times, "Times New Roman", serif !default;
-$mono-font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace !default;
+$mono-font-family: "Monaco", "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace !default;
+$tagline-font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace !default;
 $script-font-family: "Engagement", cursive !default;
 
 $body-font-family: $serif-font-family !default;
@@ -98,6 +101,7 @@ h5 {
 pre, code, tt {
 	font-family: $code-font-family;
 	-webkit-font-smoothing: subpixel-antialiased; // this looks better with Courier New even light on dark
+    font-size: 95%;
 }
 
 pre {
diff --git a/ratpack-stylesheets/fonts/Monaco-Bold.woff b/ratpack-stylesheets/fonts/Monaco-Bold.woff
new file mode 100644
index 0000000000..e7c60ca786
Binary files /dev/null and b/ratpack-stylesheets/fonts/Monaco-Bold.woff differ
diff --git a/ratpack-stylesheets/fonts/Monaco.woff b/ratpack-stylesheets/fonts/Monaco.woff
new file mode 100644
index 0000000000..1d386f7905
Binary files /dev/null and b/ratpack-stylesheets/fonts/Monaco.woff differ