-1:000000000000 | 0:5fb94616ef3e |
---|---|
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: 450px } | |
6 p { | |
7 margin: 0; | |
8 background: yellow; | |
9 color: blue; | |
10 width: -moz-max-content; /* computes to 300px */ | |
11 font: 12px Ahem; | |
12 } | |
13 </style> | |
14 <!-- | |
15 In a 300px container, the minimum font size at 15em per line is 20px. | |
16 This means we map 0px-30px into 20px-30px, so 12px gets mapped to 24px. | |
17 --> | |
18 <p>This is tiny bit of text.</p> |