first-available-font-003-ref.html (610B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS-fonts: reference file</title> 4 <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net"> 5 <style> 6 @font-face { 7 font-family: 'A'; 8 font-style: normal; 9 font-weight: 400; 10 src: url(/fonts/Revalia.woff) format('woff'); 11 } 12 div { 13 position: absolute; 14 line-height: normal; 15 font-size: 100px; 16 color: transparent; 17 border: solid black 1px; 18 width: 100px; 19 font-family: A; 20 } 21 22 .ba { margin-left: 100px; } 23 </style> 24 25 <p>There should be <strong>two identically sized rectangles</strong> below. 26 27 <div class="ba">a</div> 28 <div class="a">a</div>