From f7ded9ecb959d883e743b57c6d08b51e00159f8b Mon Sep 17 00:00:00 2001 From: Tilo Mitra Date: Mon, 26 Aug 2013 15:29:07 -0400 Subject: [PATCH] Update font-stack with recent findings Based on conversations in https://github.com/yui/pure/issues/41/, this font stack was updated with more fonts to fully cover all target environments where grids were breaking. --- src/grids/css/grids-core.css | 19 ++++++++++++++++++- src/grids/css/grids-r.css | 19 ++++++++++++++++++- 2 files changed, 36 insertions(+), 2 deletions(-) diff --git a/src/grids/css/grids-core.css b/src/grids/css/grids-core.css index bd13322..40ec012 100644 --- a/src/grids/css/grids-core.css +++ b/src/grids/css/grids-core.css @@ -9,8 +9,25 @@ /* Sets the font stack to fonts known to work properly with the above letter and word spacings. + See https://github.com/yui/pure/issues/41/ + + The following font stack makes Pure Grid work on all known environments. + + * "Bitstream Charter": Chromebook Pixel running Ubuntu 13.04. + + * Tinos: Chromebook Pixel running Chrome OS. Tinos has to be defined + before `Helvetica, Arial` to get picked up by the browser, even though + Helvetica or Arial isn't available in that environment. + + * "Droid Sans": Arch Linux with Chromium 29.x. + + * "DejaVu Sans": A common font available on Ubuntu and other environments + that acts as a nice fallback + + * Helvetica, Arial, sans-serif: Common font stack on OSX and Windows. + */ - font-family: Helvetica, Arial, "DejaVu Sans", sans-serif; + font-family: "Bitstream Charter", Tinos, "Droid Sans", "DejaVu Sans", Helvetica, Arial, sans-serif; } /* Opera as of 12 on Windows needs word-spacing. diff --git a/src/grids/css/grids-r.css b/src/grids/css/grids-r.css index 17ff54b..02aa861 100644 --- a/src/grids/css/grids-r.css +++ b/src/grids/css/grids-r.css @@ -8,8 +8,25 @@ /* Sets the font stack to fonts known to work properly with the above letter and word spacings. + See https://github.com/yui/pure/issues/41/ + + The following font stack makes Pure Grid work on all known environments. + + * "Bitstream Charter": Chromebook Pixel running Ubuntu 13.04. + + * Tinos: Chromebook Pixel running Chrome OS. Tinos has to be defined + before `Helvetica, Arial` to get picked up by the browser, even though + Helvetica or Arial isn't available in that environment. + + * "Droid Sans": Arch Linux with Chromium 29.x. + + * "DejaVu Sans": A common font available on Ubuntu and other environments + that acts as a nice fallback + + * Helvetica, Arial, sans-serif: Common font stack on OSX and Windows. + */ - font-family: Helvetica, Arial, "DejaVu Sans", sans-serif; + font-family: "Bitstream Charter", Tinos, "Droid Sans", "DejaVu Sans", Helvetica, Arial, sans-serif; } /* Opera as of 12 on Windows needs word-spacing.