layout/reftests/font-inflation/intrinsic-max-1.html

   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: 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>