font-synthesis-computed.html (1895B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS Fonts Module: getComputedStyle().fontSynthesis</title> 6 <link rel="help" href="https://drafts.csswg.org/css-fonts/#font-synthesis"> 7 <link rel="help" href="https://github.com/w3c/csswg-drafts/issues/9390#issuecomment-2625297188"> 8 <meta name="assert" content="font-synthesis computed value is as specified."> 9 <script src="/resources/testharness.js"></script> 10 <script src="/resources/testharnessreport.js"></script> 11 <script src="/css/support/computed-testcommon.js"></script> 12 </head> 13 <body> 14 <div id="target"></div> 15 <script> 16 test_computed_value('font-synthesis', 'none'); 17 test_computed_value('font-synthesis', 'weight'); 18 test_computed_value('font-synthesis', 'style'); 19 test_computed_value('font-synthesis', 'oblique-only'); 20 test_computed_value('font-synthesis', 'small-caps'); 21 test_computed_value('font-synthesis', 'position'); 22 test_computed_value('font-synthesis', 'small-caps position'); 23 test_computed_value('font-synthesis', 'style small-caps'); 24 test_computed_value('font-synthesis', 'style position'); 25 test_computed_value('font-synthesis', 'style small-caps position'); 26 test_computed_value('font-synthesis', 'oblique-only small-caps'); 27 test_computed_value('font-synthesis', 'oblique-only position'); 28 test_computed_value('font-synthesis', 'oblique-only small-caps position'); 29 test_computed_value('font-synthesis', 'weight small-caps'); 30 test_computed_value('font-synthesis', 'weight style'); 31 test_computed_value('font-synthesis', 'weight oblique-only'); 32 test_computed_value('font-synthesis', 'weight position'); 33 test_computed_value('font-synthesis', 'weight style small-caps'); 34 test_computed_value('font-synthesis', 'weight style small-caps position'); 35 test_computed_value('font-synthesis', 'weight oblique-only small-caps'); 36 test_computed_value('font-synthesis', 'weight oblique-only small-caps position'); 37 </script> 38 </body> 39 </html>