size-adjust-03.html (1113B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <link rel="author" href="mailto:changseok@webkit.org"> 4 <link rel="help" href="https://drafts.csswg.org/css-fonts-5/#font-size-adjust-prop"> 5 <link rel="match" href="size-adjust-03-ref.html"> 6 <link rel="assert" title="Tests that font-size-adjust preempts size-adjust from the descriptor."> 7 <title>Tests that font-size-adjust preempts size-adjust from the descriptor.</title> 8 <style> 9 @font-face { 10 font-family: large-font; 11 src: local(Ahem), url(/fonts/Ahem.ttf); 12 size-adjust: 150%; 13 } 14 15 div { 16 font-size: 40px; 17 line-height: 100px; 18 } 19 20 .font-size-adjust-override { 21 font-family: large-font, sans-serif; 22 font-size-adjust: 0.8; 23 } 24 25 .descriptor-size-adjust-active { 26 font-family: large-font, sans-serif; 27 } 28 </style> 29 30 <p>With font-size-adjust, size-adjust:150% has no effect as font-size-adjust overrides it.</p> 31 32 <div class="font-size-adjust-override">The Quick Brown Fox</div> 33 34 <p>Without font-size-adjust, size-adjust:150% should be applied. Pass if the following texts show bigger than the above.</p> 35 36 <div class="descriptor-size-adjust-active">The Quick Brown Fox</div>