intrinsic-fit-1a.html (390B)
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: 10px } 6 p { 7 margin: 0; 8 background: yellow; 9 color: blue; 10 width: -moz-fit-content; /* computes to 60px */ 11 font: 12px Ahem; 12 } 13 </style> 14 <!-- 15 In a 60px container, the minimum font size at 15em per line is 4px. 16 --> 17 <p>This is tiny bit of text.</p>