font-size-adjust-units-001-ref.html (577B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Fonts reference</title> 4 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 5 <style> 6 div { 7 margin: 10px; 8 font: 100px/1 Ahem; 9 font-size-adjust: 0.8; /* this matches Ahem's ex-height metric */ 10 background: orange; 11 width: 2ch; 12 height: 1ex; 13 } 14 #test1 { 15 background: blue; 16 } 17 #test2 { 18 background: blue; 19 } 20 </style> 21 <body> 22 <p>Test passes if the blue rectangles are both the same size as the orange one.</p> 23 <div id="test1"></div> 24 <div id="test2"></div> 25 <div></div> 26 </body>