In order to differentiate the calendars themselves from their monthly titles, let’s set their fonts to one with serifs and one without.
h2 {
+ font-family: Georgia, serif;
text-align: center;
}
table {
+ font-family: sans-serif;
text-align: center;
margin: auto;
}
Here, Georgia and the default sans-serif are a matter of personal choice and style. It is generally a good idea to offer fallback fonts when specifying a font-family
, as seen here with Georgia, which will fall back to the browser’s default serif typeface.
Su | Mo | Tu | We | Th | Fr | Sa |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
Su | Mo | Tu | We | Th | Fr | Sa |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |