[styles] Added some MacOS/Safari font compatibility styling

1 files changed, 7 insertions, 0 deletions

diff --git a/src/styles.css b/src/styles.css
index a3c3c13..d6bddfc 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -119,6 +119,13 @@ body {
     border-color: var(--border-color);
     color: var(--fg-color);
     min-height: calc(100vh - 16px);
+
+    /* Stuff to make sure the font is rendered correctly on Safari
+     * https://stackoverflow.com/a/56065714/12036073 */
+    font-rendering: optimizeLegibility;
+    font-weight: 400;
+    -webkit-font-kerning: normal;
+    -webkit-font-smoothing: antialiased;
   }
   nav, article { background-color: var(--bg-color); }
   body, td, th { font-size: 18px; font-family: 'Tabler', sans-serif; }