Source code

Revision control

Copy as Markdown

Other Tools

@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;
width: 150px;
font: 14px Ahem;
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>