Add a few more updates.

2 files changed, 23 insertions, 1 deletions

diff --git a/src/js/App.js b/src/js/App.js
index e2427ef..b59c2af 100644
--- a/src/js/App.js
+++ b/src/js/App.js
@@ -1,7 +1,14 @@
 'use strict';
 
 import { library, dom } from '@fortawesome/fontawesome-svg-core';
-import { faCircle, faRss, faEnvelope } from '@fortawesome/free-solid-svg-icons';
+import {
+    faCircle,
+    faRss,
+    faEnvelope,
+    faChevronLeft,
+    faChevronRight,
+    faTag,
+} from '@fortawesome/free-solid-svg-icons';
 import {
     faFacebook,
     faTwitter,
@@ -35,6 +42,9 @@ library.add(
     faGitlab,
     faMastodon,
     faKeybase,
+    faChevronLeft,
+    faChevronRight,
+    faTag,
 );
 
 export default {
diff --git a/src/scss/styles.scss b/src/scss/styles.scss
index ac5002a..6ba0be4 100644
--- a/src/scss/styles.scss
+++ b/src/scss/styles.scss
@@ -1,5 +1,13 @@
+@import url('https://fonts.googleapis.com/css?family=Roboto+Mono:400,400i,700,700i|Roboto+Slab:400,700|Roboto:400,700&display=swap');
+
 $enable-responsive-font-sizes: true;
 
+$font-family-sans-serif: 'Roboto', sans-serif;
+$font-family-monospace: 'Roboto Mono', monospace;
+$font-family-serif: 'Roboto Slab', serif;
+
+$headings-font-family: $font-family-serif;
+
 @import "~bootstrap/scss/bootstrap";
 
 #navbar-main-menu {
@@ -15,3 +23,7 @@ header.header {
 aside section {
     margin-bottom: $spacer;
 }
+
+code[class*=language-], pre[class*=language-] {
+    font-family: $font-family-monospace;
+}