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