blob: 5b121c81b2c0a91b925ee6f94f3fd9b930422af3 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
<!DOCTYPE HTML>
<style>
@font-face { font-family: Ahem; src: url(../fonts/Ahem.ttf); }
html, body { margin: 0; padding: 0; }
body { width: 450px }
p {
margin: 0;
background: yellow;
color: blue;
float: left;
width: auto; /* computes to 300px */
font: 12px Ahem;
}
</style>
<!--
In a 300px container, the minimum font size at 15em per line is 20px.
This means we map 0px-30px into 20px-30px, so 12px gets mapped to 24px.
-->
<p>This is tiny bit of text.</p>
|