diff --git a/lib/styles/base.css b/lib/styles/base.css
index 83c03765..f8b4badb 100644
--- a/lib/styles/base.css
+++ b/lib/styles/base.css
@@ -14,6 +14,9 @@ body {
   font-weight: 400;
   color: var(--c-text-1);
   background-color: var(--c-bg-elv-1);
+  font-synthesis: none;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
 }
 
 blockquote,
diff --git a/stories/styles.css b/stories/styles.css
index 71847b89..9367e2d4 100644
--- a/stories/styles.css
+++ b/stories/styles.css
@@ -1,6 +1,9 @@
 body {
   line-height: 20px;
   font-size: 14px;
+  font-synthesis: none;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
 }
 
 #app {