1 2/* TYPOGRAPHY */ 3/* ----------------------------------------- */ 4 5h1, h2, h3, h4, h5, h6 { font-weight:bold } /* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it */ 6.alert { background:red; color:white } /* 'alert' has a basic style, since it's useful to have it standing out for testing purposes. 7 8 9 10/* Font stack options 11 12 The following represents a list of font stacks, as recommended by Nathan Ford in 13 http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/ 14 15 I've added inverted commas around the relevant family names to ensure compatibility. 16 p = balanced for paragraphs or body copy 17 t = balanced for headlines or titles 18 19 - - - - 20 21Arial, "Helvetica Neue", Helvetica, sans-serif - p, t 22 23Baskerville, "Times New Roman", Times, serif - p 24Baskerville, "Times, Times New Roman", serif - t 25 26Cambria, Georgia, Times, "Times New Roman", serif - p, t 27"Century Gothic", "Apple Gothic", sans-serif - p, t 28 29Consolas, "Lucida Console", Monaco, monospace - p, t 30 31"Copperplate Light", "Copperplate Gothic Light", serif - p, t 32 33"Courier New", Courier, monospace - p, t 34 35"Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif - p, t 36 37Futura, "Century Gothic", "Apple Gothic", sans-serif - p, t 38 39Garamond, "Hoefler Text", "Times New Roman", Times, serif - p 40Garamond, "Hoefler Text", Palatino, "Palatino Linotype", serif - t 41 42Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif - p 43Geneva, Verdana, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif - t 44 45Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif - p 46Georgia, Times, "Times New Roman", serif - t 47 48GillSans, Calibri, Trebuchet, sans-serif - p 49GillSans, Trebuchet, Calibri, sans-serif - t 50 51"Helvetica Neue", Arial, Helvetica, sans-serif - p 52Helvetica, "Helvetica Neue", Arial, sans-serif - t 53 54Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif - p, t 55 56"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif - p, t 57 58Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif - p 59Palatino, "Palatino Linotype", "Hoefler Text", Times, "Times New Roman", serif - t 60 61Tahoma, Geneva, Verdana - p 62Tahoma, Verdana, Geneva - t 63 64Times, "Times New Roman", Georgia, serif - p, t 65 66Trebuchet, "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif - p 67Trebuchet, Tahoma, Arial, sans-serif - t 68 69Verdana, Geneva, Tahoma, sans-serif - p 70Verdana, Tahoma, Geneva, sans-serif - t 71 72*/