diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index eb71f89..a55732e 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -14,10 +14,10 @@
     <meta content="{{ $isHomePage := eq .Title .Site.Title }}{{ .Title }}{{ if eq $isHomePage false }} - {{ .Site.Title }}{{ end }}" property="og:title">
     <meta content="{{ $isHomePage := eq .Title .Site.Title }}{{ .Site.Params.meta.description }}{{ if eq $isHomePage false }} - {{ .Description }}{{ end }}" property="og:description">    
     {{ "<!-- CSS -->" | safeHTML }} 
+    <link href="https://fonts.googleapis.com/css?family=Fira+Sans:300,300i,400,400i|Roboto+Mono:300,300i,400,400i,700,700i" rel="stylesheet">
     <link rel="stylesheet" href="{{ .Site.BaseURL }}css/print.css" media="print">
     <link rel="stylesheet" href="{{ .Site.BaseURL }}css/poole.css">
     <link rel="stylesheet" href="{{ .Site.BaseURL }}css/hyde.css">
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Fira+Sans:300,300i,400,400i,500">
     <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" /> -->
     <script defer src="https://use.fontawesome.com/releases/v5.0.9/js/all.js" integrity="sha384-8iPTk2s/jMVj81dnzb/iFR2sdA7u06vHJyyLlAd4snFpCl/SnyUjRrbdJsw1pGIl" crossorigin="anonymous"></script>
     {{ if .Site.Params.highlightjs -}}
diff --git a/static/css/custom.css b/static/css/custom.css
index dad4d32..7a98fc4 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -53,7 +53,7 @@ pre
 pre,
 code
 {
-    font-family: monospace;
+    font-family: 'Roboto Mono', monospace;
     border-radius: 4px;
     width: 100%;
     font-size: .9em;
diff --git a/static/css/hyde.css b/static/css/hyde.css
index 2af6e03..46cc0ae 100644
--- a/static/css/hyde.css
+++ b/static/css/hyde.css
@@ -32,8 +32,8 @@
  */
 
 html {
-  font-family: "Fira Sans", sans-serif;
-    font-weight:300;
+  font-family: 'Fira Sans', 'Helvetica Neue', 'Arial', sans-serif;
+  font-weight:300;
 
 }
 @media (min-width: 48em) {