Fri, 16 Jan 2015 18:13:44 +0100
Integrate suggestion from review to improve consistency with existing code.
michael@0 | 1 | <!DOCTYPE HTML> |
michael@0 | 2 | <style> |
michael@0 | 3 | @font-face { font-family: Ahem; src: url(../fonts/Ahem.ttf); } |
michael@0 | 4 | html, body { margin: 0; padding: 0; } |
michael@0 | 5 | body { width: 150px } |
michael@0 | 6 | p { |
michael@0 | 7 | margin: 0; |
michael@0 | 8 | background: yellow; |
michael@0 | 9 | color: blue; |
michael@0 | 10 | width: 150px; |
michael@0 | 11 | font: 14px Ahem; |
michael@0 | 12 | } |
michael@0 | 13 | </style> |
michael@0 | 14 | <!-- |
michael@0 | 15 | In a 150px container, the minimum font size at 15em per line is 10px. |
michael@0 | 16 | This means we map 0px-15px into 10px-15px, so 12px gets mapped to 14px. |
michael@0 | 17 | --> |
michael@0 | 18 | <p>This is tiny bit of text.</p> |