fix font smoothing to match figma

as per https://github.com/vector-im/riot-web/issues/11425 with apologies to https://usabilitypost.com/2012/11/05/stop-fixing-font-smoothing/ :/
2019-11-27 00:45:46 +00:00 · 2019-11-27 00:45:46 +00:00 · bb7cc20b1a
parent 9f1df0ce8f
commit bb7cc20b1a
1 changed files with 5 additions and 0 deletions
--- a/res/css/_common.scss
+++ b/res/css/_common.scss
@ -30,6 +30,11 @@ body {
    color: $primary-fg-color;
    border: 0px;
    margin: 0px;
+
+    // needed to match the designs correctly on macOS
+    // see https://github.com/vector-im/riot-web/issues/11425
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
 }

 pre, code {