diff --git a/sass/app.scss b/sass/app.scss
index 1014b75..51dcf1e 100644
--- a/sass/app.scss
+++ b/sass/app.scss
@@ -20,6 +20,7 @@ $c-form-highlight-a: #2ea1f9;
 
 $c-modal-bg: #242426;
 
+$font-stack: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
 $screen-stack: "DejaVu Sans Mono", "Liberation Mono", "Inconsolata", "Menlo", monospace;
 
 @function dist($x) {
diff --git a/sass/layout/_base.scss b/sass/layout/_base.scss
index 2ad5c8b..8a2b48e 100644
--- a/sass/layout/_base.scss
+++ b/sass/layout/_base.scss
@@ -1,5 +1,5 @@
 html {
-	font-family: Arial, sans-serif;
+	font-family: $font-stack;
 	color: #D0D0D0;
 	background: #131315;
 }