diff --git a/theme/boost/scss/preset/default.scss b/theme/boost/scss/preset/default.scss
index 6c6aaa03594..1bd52f117b2 100644
--- a/theme/boost/scss/preset/default.scss
+++ b/theme/boost/scss/preset/default.scss
@@ -91,6 +91,7 @@ $theme-colors: map-merge((
 
 body {
     -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
 }
 
 .navbar {
diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
index aa6c0dbe509..a71a92b7d72 100644
--- a/theme/boost/style/moodle.css
+++ b/theme/boost/style/moodle.css
@@ -18405,7 +18405,8 @@ span[data-flexitour="container"][x-placement="right"], span[data-flexitour="cont
       font-size: 4em; }
 
 body {
-  -webkit-font-smoothing: antialiased; }
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale; }
 
 .navbar {
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); }
diff --git a/theme/classic/scss/preset/default.scss b/theme/classic/scss/preset/default.scss
index 4059751f6a3..ed3564774c8 100644
--- a/theme/classic/scss/preset/default.scss
+++ b/theme/classic/scss/preset/default.scss
@@ -81,6 +81,11 @@ $theme-colors: map-merge((
 // Import Core moodle CSS
 @import "moodle";
 
+body {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
 // Preset CSS
 .navbar {
     box-shadow: 0 2px 4px rgba(0, 0, 0, .08);
diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css
index c3008b9f096..d5ea721cab2 100644
--- a/theme/classic/style/moodle.css
+++ b/theme/classic/style/moodle.css
@@ -18587,6 +18587,10 @@ span[data-flexitour="container"][x-placement="right"], span[data-flexitour="cont
       height: 1em;
       font-size: 4em; }
 
+body {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale; }
+
 .navbar {
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); }