Tagged: font-stack RSS Toggle Comment Threads | Keyboard Shortcuts
-
Rahul Bansal
-
Santosh
Font stack . . . which fonts should have a font family (css property)
The “font-family” property of css can have one or more fonts. The set of these fonts is called “font stack“.
The sequence of fonts in font stack is also matters. ( I am not going to details of sequence, will cover this in next post )
Be carefully while choosing fonts in font stack. Always choose fonts which are look alike to each other.
After searching on google, I discovered some best font stack, as below:
Serif font-stack:
Garamond, Baskerville, “Baskerville Old Face”, “Hoefler Text”, “Times New Roman”, serif;
“Lucida Bright”, Georgia, serif;
Palatino, “Palatino Linotype”, “Palatino LT STD”, “Book Antiqua”, Georgia, serif;
“Big Caslon”, “Book Antiqua”, “Palatino Linotype”, Georgia, serif;
Didot, “Didot LT STD”, “Hoefler Text”, Garamond, “Times New Roman”, serif;
Baskerville, “Baskerville old face”, “Hoefler Text”, Garamond, “Times New Roman”, serif;
“Hoefler Text”, “Baskerville old face”, Garamond, “Times New Roman”, serif;
“Bodoni MT”, Didot, “Didot LT STD”, “Hoefler Text”, Garamond, “Times New Roman”, serif;
“Goudy Old Style”, Garamond, “Big Caslon”, “Times New Roman”, serif;
Constantia, Palatino, “Palatino Linotype”, “Palatino LT STD”, Georgia, serif;
Cambria, Georgia, serif;
“Book Antiqua”, Palatino, “Palatino Linotype”, “Palatino LT STD”, Georgia, serif;
Sans-serif font-stack:
Optima, Segoe, “Segoe UI”, Candara, Calibri, Arial, sans-serif;
Futura, “Trebuchet MS”, Arial, sans-serif;
“Gill Sans”, “Gill Sans MT”, Calibri, sans-serif;
“Trebuchet MS”, “Lucida Grande”, “Lucida Sans Unicode”, “Lucida Sans”, Tahoma, sans-serif;
“Helvetica Neue”, Helvetica, Arial, sans-serif;
Verdana, Geneva, sans-serif;
“Lucida Grande”, “Lucida Sans Unicode”, “Lucida Sans”, Geneva, Verdana, sans-serif;
Geneva, Tahoma, Verdana, sans-serif;
Segoe, “Segoe UI”, “Helvetica Neue”, Arial, sans-serif;
Candara, Calibri, Segoe, “Segoe UI”, Optima, Arial, sans-serif;
Calibri, Candara, Segoe, “Segoe UI”, Optima, Arial, sans-serif;
“Franklin Gothic Medium”, Arial, sans-serif;
Tahoma, Geneva, Verdana, sans-serif;
Good read – http://www.informationarchitects.jp/en/the-web-is-all-about-typography-period/