size-adjust-02.html (1198B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <link rel="author" href="mailto:jkew@mozilla.com"> 4 <link rel="help" href="https://drafts.csswg.org/css-fonts-5/"> <!-- XXX to be added --> 5 <link rel="match" href="size-adjust-02-ref.html"> 6 <link rel="assert" title="Tests that font-size-adjust overrides the size-adjust descriptor"> 7 <title>Tests that font-size-adjust overrides the size-adjust descriptor</title> 8 <style> 9 @font-face { 10 font-family: reference-font; 11 src: local(Ahem), url(/fonts/Ahem.ttf); 12 size-adjust: 100%; 13 unicode-range: U+41-5A; /* Uppercase ASCII only */ 14 } 15 16 @font-face { 17 font-family: large-font; 18 src: local(Ahem), url(/fonts/Ahem.ttf); 19 size-adjust: 150%; 20 unicode-range: U+41-5A; /* Uppercase ASCII only */ 21 } 22 23 div { 24 font-size: 40px; 25 line-height: 100px; 26 font-size-adjust: 0.5; 27 } 28 29 .reference { 30 font-family: reference-font, sans-serif; 31 } 32 33 .large { 34 font-family: large-font, sans-serif; 35 } 36 </style> 37 38 <p>Without size-adjust applied to the Ahem font.</p> 39 40 <div> 41 <span class="reference">The Quick Brown Fox</span> 42 </div> 43 44 <p>With size-adjust:150% there should be no change as font-size-adjust overrides it.</p> 45 46 <div> 47 <span class="large">The Quick Brown Fox</span> 48 </div>