Antialiasing for Firefox (v25 and later) on Mac

As of version 25 of Firefox, antialiasing is now available on Mac using the "-moz-osx-font-smoothing: grayscale;" property. This should be added to the .antialiased class.

diff --git a/scss/foundation/components/_global.scss b/scss/foundation/components/_global.scss
index ba185422884c232bb25f62ea168334a3d4e0b372..dcdde09c6f10f084d9635e3c6422f28b9b01f808 100644 (file)
--- a/scss/foundation/components/_global.scss
+++ b/scss/foundation/components/_global.scss
@@ -364,8 +364,8 @@ $cursor-text-value: text !default;
     // Font smoothing
     // Antialiased font smoothing works best for light text on a dark background.
     // Apply to single elements instead of globally to body.
-    // Note this only applies to webkit-based desktop browsers on the Mac.
-    .antialiased { -webkit-font-smoothing: antialiased; }
+    // Note this only applies to webkit-based desktop browsers and Firefox 25 (and later) on the Mac.
+    .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
 
     // Get rid of gap under images by making them display: inline-block; by default
     img {