size-adjust-02-ref.html (771B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <link rel="author" href="mailto:jkew@mozilla.com"> 4 <title>Tests that font-size-adjust overrides the size-adjust descriptor</title> 5 <style> 6 @font-face { 7 font-family: reference-font; 8 src: local(Ahem), url(/fonts/Ahem.ttf); 9 unicode-range: U+41-5A; /* Uppercase ASCII only */ 10 } 11 12 div { 13 font-size: 40px; 14 line-height: 100px; 15 font-size-adjust: 0.5; 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>Without size-adjust applied to the Ahem font.</p> 28 29 <div> 30 <span class="reference">The Quick Brown Fox</span> 31 </div> 32 33 <p>With size-adjust:150% there should be no change as font-size-adjust overrides it.</p> 34 35 <div> 36 <span class="reference">The Quick Brown Fox</span> 37 </div>