<!
DOCTYPE HTML>
<
style>
@
font-face {
font-family: Ahem; src: url(../fonts/Ahem.ttf); }
html,
body { margin:
0; padding:
0; }
body { width:
150px }
p {
margin:
0;
background: yellow;
color: blue;
float: left;
width: auto; /* computes to
150px */
font:
12px Ahem;
}
</
style>
<!--
In a 150px container, the minimum font size at 15em per line is 10px.
This means we map 0px-15px into 10px-15px, so 12px gets mapped to 14px.
-->
<p>This is tiny bit of text.</p>
