Changed global font defaults for font-size and -webkit-font-smoothing

diff --git a/scss/foundation/_foundation-global.scss b/scss/foundation/_foundation-global.scss
index 40882751de659aa2495917107841ee74d9f904bd..3ad98d78cefc4fe61600c6c57d3f22d6c39c4291 100644 (file)
--- a/scss/foundation/_foundation-global.scss
+++ b/scss/foundation/_foundation-global.scss
@@ -3,7 +3,11 @@
 // Variables
 //
 
-// This is the default html and body font-size for the base em value.
+// The default font-size is set to 100% of the browser style sheet (usually 16px) 
+// for compatibility with brower-based text zoom or user-set defaults. 
+$base-font-size: 100% !default;
+
+// Set your base font-size in pixels so emCalc can do its magic below
 $em-base: 16px !default;
 
 // We use these to control various global styles

diff --git a/scss/foundation/components/_global.scss b/scss/foundation/components/_global.scss
index 49582f3ae566bbf72c48ad6480b93fad29cc4580..7160f46a7eae4ba53362b4a3f806805da7b106c0 100644 (file)
--- a/scss/foundation/components/_global.scss
+++ b/scss/foundation/components/_global.scss
@@ -6,7 +6,7 @@
 }
 
 html,
-body { font-size: $em-base; }
+body { font-size: $base-font-size; }
 
 // Default body styles
 body {
@@ -51,6 +51,12 @@ img { -ms-interpolation-mode: bicubic; }
 .text-justify { text-align: justify !important; }
 .hide         { display: none; }
 
+// 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; }
+
 // Get rid of gap under images by making them display: inline-block; by default
 img { display: inline-block; }