Added monospace font

getgrav · Apr 9, 2019 · 57a6bee · 57a6bee
1 parent 3b8f619
commit 57a6bee
Show file tree

Hide file tree

Showing 11 changed files with 27 additions and 12 deletions.
diff --git a/css-compiled/spectre-exp.css b/css-compiled/spectre-exp.css
diff --git a/css-compiled/spectre-icons.css b/css-compiled/spectre-icons.css
diff --git a/css-compiled/spectre.css b/css-compiled/spectre.css
diff --git a/css-compiled/spectre.min.css b/css-compiled/spectre.min.css
diff --git a/css-compiled/theme.css b/css-compiled/theme.css
diff --git a/css-compiled/theme.min.css b/css-compiled/theme.min.css
diff --git a/fonts/hack-regular-subset.woff b/fonts/hack-regular-subset.woff
diff --git a/fonts/hack-regular-subset.woff2 b/fonts/hack-regular-subset.woff2
diff --git a/scss/theme/_fonts.scss b/scss/theme/_fonts.scss
@@ -18,4 +18,11 @@
          url('../fonts/PublicSans-SemiBold.woff') format('woff');
     font-weight: 500;
     font-style: normal;
+}
+@font-face {
+    font-family: 'Hack';
+    src: url('../fonts/hack-regular-subset.woff2') format('woff2'),
+         url('../fonts/hack-regular-subset.woff') format('woff');
+    font-weight: 400;
+    font-style: normal;
 }
diff --git a/scss/theme/_typography.scss b/scss/theme/_typography.scss
@@ -203,6 +203,10 @@ pre.xdebug-var-dump {
         }
     }
 
+    code[class*="language-"], pre[class*="language-"] {
+        font-family: $mono-font-family;
+    }
+
     pre[class*="language-"] {
         font-size: .7rem;
         code {

diff --git a/scss/theme/_variables.scss b/scss/theme/_variables.scss
@@ -40,9 +40,9 @@ $sidebar-brand-height: 7rem;
 
 // Fonts
 $base-font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto !default;
-$mono-font-family: "SF Mono", "Segoe UI Mono", "Roboto Mono", Menlo, Courier, monospace !default;
 $fallback-font-family: "Helvetica Neue", sans-serif !default;
-$body-font-family: "Public Sans", $base-font-family, $fallback-font-family !default;
-$title-font-family: "Metropolis", $base-font-family, $fallback-font-family !default;
+$body-font-family: "Public Sans",  $fallback-font-family !default;
+$title-font-family: "Metropolis", $fallback-font-family !default;
+$mono-font-family: "Hack", monospace !default;
 $font-size: .85rem !default;
 $min-responsive-font-size: 18px;