font-synthesis-valid.html (2401B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS Fonts Module: parsing font-synthesis with valid values</title> 6 <link rel="help" href="https://drafts.csswg.org/css-fonts/#font-synthesis"> 7 <meta name="assert" content="font-synthesis supports the full grammar 'none | [ weight || [style | oblique-only] || small-caps || position]'."> 8 <script src="/resources/testharness.js"></script> 9 <script src="/resources/testharnessreport.js"></script> 10 <script src="/css/support/parsing-testcommon.js"></script> 11 </head> 12 <body> 13 <script> 14 test_valid_value('font-synthesis', 'none'); 15 test_valid_value('font-synthesis', 'weight'); 16 test_valid_value('font-synthesis', 'style'); 17 test_valid_value('font-synthesis', 'oblique-only'); 18 test_valid_value('font-synthesis', 'small-caps'); 19 test_valid_value('font-synthesis', 'position'); 20 test_valid_value('font-synthesis', 'style weight', 'weight style'); 21 test_valid_value('font-synthesis', 'oblique-only weight', 'weight oblique-only'); 22 test_valid_value('font-synthesis', 'small-caps weight', 'weight small-caps'); 23 test_valid_value('font-synthesis', 'small-caps style', 'style small-caps'); 24 test_valid_value('font-synthesis', 'small-caps oblique-only', 'oblique-only small-caps'); 25 test_valid_value('font-synthesis', 'style weight small-caps', 'weight style small-caps'); 26 test_valid_value('font-synthesis', 'style small-caps weight ', 'weight style small-caps'); 27 test_valid_value('font-synthesis', 'small-caps style weight ', 'weight style small-caps'); 28 test_valid_value('font-synthesis', 'oblique-only weight small-caps', 'weight oblique-only small-caps'); 29 test_valid_value('font-synthesis', 'oblique-only small-caps weight ', 'weight oblique-only small-caps'); 30 test_valid_value('font-synthesis', 'small-caps oblique-only weight ', 'weight oblique-only small-caps'); 31 test_valid_value('font-synthesis', 'position style', 'style position'); 32 test_valid_value('font-synthesis', 'position oblique-only', 'oblique-only position'); 33 test_valid_value('font-synthesis', 'position weight style', 'weight style position'); 34 test_valid_value('font-synthesis', 'position weight oblique-only', 'weight oblique-only position'); 35 test_valid_value('font-synthesis', 'position weight small-caps style', 'weight style small-caps position'); 36 test_valid_value('font-synthesis', 'position weight small-caps oblique-only', 'weight oblique-only small-caps position'); 37 </script> 38 </body> 39 </html>