font-face-range-order.html (1111B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS Fonts Module Level 3: Order of values in @font-face range descriptors</title> 6 <link rel="author" title="Dominik Röttsches" href="mailto:drott@chromium.org"/> 7 <link rel="help" href="https://drafts.csswg.org/css-fonts/#font-prop-desc"> 8 <meta name="assert" content="Allow ranges to be specified in reverse order."> 9 <script src="/resources/testharness.js"></script> 10 <script src="/resources/testharnessreport.js"></script> 11 </head> 12 <body> 13 <style> 14 @font-face { 15 font-family: reversed-range-test; 16 font-stretch: 200% 50%; 17 font-style: oblique 90deg -90deg; 18 font-weight: 900 100; 19 src: url(/fonts/Ahem.ttf); 20 } 21 </style> 22 <script> 23 promise_test(async (t) => { 24 const fonts = await document.fonts.load("12px reversed-range-test"); 25 assert_equals(fonts[0].stretch, "200% 50%", "Stretch value must be returned as specified."); 26 assert_equals(fonts[0].style, "oblique 90deg -90deg", "Style value must be returned as specified."); 27 assert_equals(fonts[0].weight, "900 100", "Weight value must be returned as specified."); 28 }); 29 </script> 30 </body> 31 </html>