diff --git a/assets/styles.scss b/assets/styles.scss
index ddbc0f2..600f682 100644
--- a/assets/styles.scss
+++ b/assets/styles.scss
@@ -60,7 +60,7 @@ body {
     overflow-y: scroll;
     font-size: $base-font-size * 1.0;
     line-height: $base-line-height * 1.0;
-    font-family: FreeSerif, serif;
+    font-family: BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 
     @media #{$mq-medium} { line-height: $base-line-height*1.0; }
 }