library-mirrors/pure
1
0
Fork 0
mirror of https://github.com/pure-css/pure.git synced 2024-11-24 10:44:21 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Update font-stack with recent findings

Browse Source 
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.
This commit is contained in:
Tilo Mitra 2013-08-26 15:29:07 -04:00
parent 2bc0f29de3
commit f7ded9ecb9
2 changed files with 36 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/grids/css/grids-core.css
View File

@ -9,8 +9,25 @@
/* /*
Sets the font stack to fonts known to work properly with the above Sets the font stack to fonts known to work properly with the above
letter and word spacings. 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. /* Opera as of 12 on Windows needs word-spacing.

19
src/grids/css/grids-r.css
View File

@ -8,8 +8,25 @@
/* /*
Sets the font stack to fonts known to work properly with the above Sets the font stack to fonts known to work properly with the above
letter and word spacings. 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. /* Opera as of 12 on Windows needs word-spacing.