size-adjust-01-ref.html (857B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <link rel="author" href="mailto:jkew@mozilla.com"> 4 <title>Tests the size-adjust descriptor of @font-face</title> 5 <style> 6 @font-face { 7 font-family: reference-font; 8 src: local(Ahem), url(/fonts/Ahem.ttf); 9 /* Uppercase ASCII only + U+20 to make this "first available font" */ 10 unicode-range: U+20,U+41-5A; 11 } 12 13 div { 14 font-size: 40px; 15 line-height: 100px; 16 } 17 18 .reference { 19 font-family: reference-font, sans-serif; 20 } 21 22 .large { 23 font-size: 60px; 24 } 25 </style> 26 27 <p>size-adjust:100% should be the same as no override.</p> 28 29 <div> 30 <span class="reference">TheQuickBrownFox</span> 31 </div> 32 33 <p>size-adjust:150% should affect Ahem characters only.</p> 34 35 <div> 36 <span class="reference"><span class="large">T</span>he<span class="large">Q</span>uick<span class="large">B</span>rown<span class="large">F</span>ox</span> 37 </div>