Change code font

Author: jason-roundtree

web/components/GlobalStyles.js

@@ -56,10 +56,6 @@ export const GlobalStyles = createGlobalStyle`
             cursor: pointer;
         }
     }
-
-    pre {
-        font-family: 'Courier Prime', monospace;
-    }
     
     @media screen and (max-width: 600px) {
         body {

web/components/Layout.js

@@ -64,6 +64,7 @@ function Layout(props) {
                 <link href="https://fonts.googleapis.com/css2?family=Cuprum&family=Fjalla+One&display=swap" rel="stylesheet"/>
                 <link href="https://fonts.googleapis.com/css2?family=Cutive+Mono&display=swap" rel="stylesheet"/>
                 <link href="https://fonts.googleapis.com/css2?family=Courier+Prime&display=swap" rel="stylesheet"/>
+                <link href="https://fonts.googleapis.com/css2?family=Fira+Mono&display=swap" rel="stylesheet"/>
             </Head>
 
             <Header>

web/pages/index.js

@@ -40,7 +40,6 @@ const TagListItem = styled.li`
     background: ${({ theme }) => theme.primaryColor};
 `
 
-
 // removes duplicate post objects by converting each post into a JSON string so that they can be compared and filtered using `new Set`, then parsing the final unique array of posts back to a normal array of objects
 function uniquePostsArray(posts) {
     return [

web/pages/posts/[slug].js

@@ -40,8 +40,8 @@ const AsideBlock = styled.div`
     border-left: 2px solid rgba(114, 143, 203, .5);
 `
 const Pre = styled.pre`
-    font-family: 'Nanum Gothic Coding', monospace;
-    font-size: .85em;
+    font-family: 'Fira Mono', monospace;
+    font-size: .80em;
     overflow: auto;
     text-align: left;
     margin: 1em 0;
@@ -59,7 +59,7 @@ const LineNo = styled.span`
     opacity: 0.3;
 `
 const InlineCodeMain = styled.span`
-    font-family: 'Courier Prime', monospace;
+    font-family: 'Fira Mono', monospace;
     display: inline-block;
     font-size: .85em;
     line-height: 1.3;
@@ -97,7 +97,6 @@ const H3 = styled.h3`
     font-size: 1.5em;
     font-weight: bold;
     margin-top: 1.5em;
-    font-family: 'Fjalla One', sans-serif;
     font-family: 'Cuprum', sans-serif;
 `
 const ListItem = styled.li`