content-height-002-ref.html (841B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Test Reference file</title> 4 <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net"> 5 <style> 6 @font-face { 7 font-family: 'high-a-only'; 8 font-style: normal; 9 font-weight: 400; 10 src: url(/fonts/Revalia.woff) format('woff'); 11 unicode-range: U+0061, U+0020; 12 } 13 @font-face { 14 font-family: 'deep-b-only'; 15 font-style: normal; 16 font-weight: 400; 17 src: url(/fonts/AD.woff) format('woff'); 18 unicode-range: U+0062, U+0020; 19 } 20 21 div { 22 font-size: 50px; 23 display: inline-block; 24 color: transparent; 25 font-family: high-a-only, deep-b-only; 26 } 27 28 span { background: blue; } 29 30 div { line-height: 200px; } 31 </style> 32 33 <p>Test passes if the blue shape below is a rectangle, but not some other polygon. 34 35 <div><span>ab</span></div><div><span>ab</span></div><div><span>ab</span></div>