Fix: Inter italic bug in Safari

Text marked with <em> element is not slanted. See issue: mdn#7203
ironnysh · Apr 1, 2024 · fcabe34 · fcabe34
1 parent 456d1c6
commit fcabe34
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/client/src/ui/base/_reset.scss b/client/src/ui/base/_reset.scss
@@ -62,6 +62,11 @@ picture {
   max-width: 100%;
 }
 
+/* Fix Inter font bug: 'em' not slanted in Safari. See issue: https://github.com/mdn/yari/issues/7203 */
+em {
+  font-variation-settings: "slnt" -10;
+}
+
 /* Inherit fonts for inputs and buttons */
 input,
 button,