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
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.

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
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.