| <!DOCTYPE html> |
| <html> |
| <head> |
| <script src="../../resources/js-test-pre.js"></script> |
| <style id="weightTest"> |
| @font-face { |
| font-weight: 1; |
| } |
| @font-face { |
| font-weight: 100; |
| } |
| @font-face { |
| font-weight: 200; |
| } |
| @font-face { |
| font-weight: 300; |
| } |
| @font-face { |
| font-weight: 400; |
| } |
| @font-face { |
| font-weight: normal; |
| } |
| @font-face { |
| font-weight: 500; |
| } |
| @font-face { |
| font-weight: 600; |
| } |
| @font-face { |
| font-weight: 700; |
| } |
| @font-face { |
| font-weight: bold; |
| } |
| @font-face { |
| font-weight: 800; |
| } |
| @font-face { |
| font-weight: 900; |
| } |
| @font-face { |
| font-weight: garbage; |
| } |
| @font-face { |
| font-weight: initial; |
| } |
| @font-face { |
| } |
| @font-face { |
| font-weight: calc(3 + 4); |
| } |
| @font-face { |
| font-weight: calc(100 + 200); |
| } |
| @font-face { |
| font-weight: calc(150 + 50); |
| } |
| @font-face { |
| font-weight: 100 200; |
| } |
| @font-face { |
| font-weight: 100 200; |
| } |
| @font-face { |
| font-weight: a 100 200; |
| } |
| @font-face { |
| font-weight: 100 200 a; |
| } |
| @font-face { |
| font-weight: 100 a 200; |
| } |
| @font-face { |
| font-weight: 100a 200; |
| } |
| @font-face { |
| font-weight: 100 a200; |
| } |
| @font-face { |
| font-weight: 100 a200; |
| } |
| @font-face { |
| font-weight: 1 2; |
| } |
| @font-face { |
| font-weight: -2 -1; |
| } |
| @font-face { |
| font-weight: 2 1; |
| } |
| @font-face { |
| font-weight: calc(3 + 4) 8; |
| } |
| @font-face { |
| font-weight: 2 calc(3 + 4); |
| } |
| </style> |
| |
| <style id="stretchTest"> |
| @font-face { |
| font-stretch: 1%; |
| } |
| @font-face { |
| font-stretch: 2; |
| } |
| @font-face { |
| font-stretch: ultra-condensed; |
| } |
| @font-face { |
| font-stretch: extra-condensed; |
| } |
| @font-face { |
| font-stretch: condensed; |
| } |
| @font-face { |
| font-stretch: semi-condensed; |
| } |
| @font-face { |
| font-stretch: normal; |
| } |
| @font-face { |
| font-stretch: semi-expanded; |
| } |
| @font-face { |
| font-stretch: expanded; |
| } |
| @font-face { |
| font-stretch: extra-expanded; |
| } |
| @font-face { |
| font-stretch: ultra-expanded; |
| } |
| @font-face { |
| font-stretch: garbage; |
| } |
| @font-face { |
| font-stretch: initial; |
| } |
| @font-face { |
| font-stretch: calc(3 + 4); |
| } |
| @font-face { |
| font-stretch: 100 200; |
| } |
| @font-face { |
| font-stretch: 100 200; |
| } |
| @font-face { |
| font-stretch: a 100 200; |
| } |
| @font-face { |
| font-stretch: 100 200 a; |
| } |
| @font-face { |
| font-stretch: 100 a 200; |
| } |
| @font-face { |
| font-stretch: 100a 200; |
| } |
| @font-face { |
| font-stretch: 100 a200; |
| } |
| @font-face { |
| font-stretch: 100 a200; |
| } |
| @font-face { |
| font-stretch: 1 2; |
| } |
| @font-face { |
| font-stretch: -2 -1; |
| } |
| @font-face { |
| font-stretch: 2 1; |
| } |
| @font-face { |
| font-stretch: 100% 200%; |
| } |
| @font-face { |
| font-stretch: 100% 200%; |
| } |
| @font-face { |
| font-stretch: a 100% 200%; |
| } |
| @font-face { |
| font-stretch: 100% 200% a; |
| } |
| @font-face { |
| font-stretch: 100% a 200%; |
| } |
| @font-face { |
| font-stretch: 100%a 200%; |
| } |
| @font-face { |
| font-stretch: 100% a200%; |
| } |
| @font-face { |
| font-stretch: 100% a200%; |
| } |
| @font-face { |
| font-stretch: 1% 2%; |
| } |
| @font-face { |
| font-stretch: -2% -1%; |
| } |
| @font-face { |
| font-stretch: 2% 1%; |
| } |
| @font-face { |
| font-stretch: 1 2%; |
| } |
| @font-face { |
| font-stretch: 1% 2; |
| } |
| @font-face { |
| font-stretch: calc(3 + 4) 8; |
| } |
| @font-face { |
| font-stretch: 2 calc(3 + 4); |
| } |
| @font-face { |
| font-stretch: calc(3% + 4%) 8%; |
| } |
| @font-face { |
| font-stretch: 2% calc(3% + 4%); |
| } |
| </style> |
| |
| <style id="styleTest"> |
| @font-face { |
| font-style: oblique 1deg; |
| } |
| @font-face { |
| font-style: oblique 20grad; |
| } |
| @font-face { |
| font-style: oblique 0.28318rad; |
| } |
| @font-face { |
| font-style: oblique 0.04turn; |
| } |
| @font-face { |
| font-style: oblique 5; |
| } |
| @font-face { |
| font-style: oblique 20; |
| } |
| @font-face { |
| font-style: italic; |
| } |
| @font-face { |
| font-style: oblique; |
| } |
| @font-face { |
| font-style: normal; |
| } |
| @font-face { |
| font-style: garbage; |
| } |
| @font-face { |
| font-style: initial; |
| } |
| @font-face { |
| font-style: oblique calc(3 + 4); |
| } |
| @font-face { |
| font-style: oblique calc(0.04turn + 1deg); |
| } |
| @font-face { |
| font-style: oblique 10 20; |
| } |
| @font-face { |
| font-style: oblique 10 20; |
| } |
| @font-face { |
| font-style: oblique a 10 20; |
| } |
| @font-face { |
| font-style: oblique 10 20 a; |
| } |
| @font-face { |
| font-style: oblique 10 a 20; |
| } |
| @font-face { |
| font-style: oblique 10 a20; |
| } |
| @font-face { |
| font-style: oblique 10a 20; |
| } |
| @font-face { |
| font-style: oblique 10 a20; |
| } |
| @font-face { |
| font-style: oblique 1 2; |
| } |
| @font-face { |
| font-style: oblique -2 -1; |
| } |
| @font-face { |
| font-style: oblique 2 1; |
| } |
| @font-face { |
| font-style: oblique 10deg 20deg; |
| } |
| @font-face { |
| font-style: oblique 10deg 20deg; |
| } |
| @font-face { |
| font-style: oblique a 10deg 20deg; |
| } |
| @font-face { |
| font-style: oblique 10deg 20deg a; |
| } |
| @font-face { |
| font-style: oblique 10deg a 20deg; |
| } |
| @font-face { |
| font-style: oblique 10deg a20deg; |
| } |
| @font-face { |
| font-style: oblique 10dega 20deg; |
| } |
| @font-face { |
| font-style: oblique 10deg a20deg; |
| } |
| @font-face { |
| font-style: oblique 1deg 2deg; |
| } |
| @font-face { |
| font-style: oblique -2deg -1deg; |
| } |
| @font-face { |
| font-style: oblique 2deg 1deg; |
| } |
| @font-face { |
| font-style: oblique 1 2deg; |
| } |
| @font-face { |
| font-style: oblique 1deg 2; |
| } |
| @font-face { |
| font-style: oblique 2deg 4grad; |
| } |
| @font-face { |
| font-style: oblique calc(3 + 4) 8; |
| } |
| @font-face { |
| font-style: oblique 2 calc(3 + 4); |
| } |
| @font-face { |
| font-style: oblique calc(3deg + 4deg) 8deg; |
| } |
| @font-face { |
| font-style: oblique 2deg calc(3deg + 4deg); |
| } |
| </style> |
| </head> |
| <body> |
| <script> |
| var weightTestSheet = document.getElementById("weightTest").sheet; |
| shouldBeEqualToString("weightTestSheet.cssRules[0].style.fontWeight", "1"); |
| shouldBeEqualToString("weightTestSheet.cssRules[1].style.fontWeight", "100"); |
| shouldBeEqualToString("weightTestSheet.cssRules[2].style.fontWeight", "200"); |
| shouldBeEqualToString("weightTestSheet.cssRules[3].style.fontWeight", "300"); |
| shouldBeEqualToString("weightTestSheet.cssRules[4].style.fontWeight", "400"); |
| shouldBeEqualToString("weightTestSheet.cssRules[5].style.fontWeight", "normal"); |
| shouldBeEqualToString("weightTestSheet.cssRules[6].style.fontWeight", "500"); |
| shouldBeEqualToString("weightTestSheet.cssRules[7].style.fontWeight", "600"); |
| shouldBeEqualToString("weightTestSheet.cssRules[8].style.fontWeight", "700"); |
| shouldBeEqualToString("weightTestSheet.cssRules[9].style.fontWeight", "bold"); |
| shouldBeEqualToString("weightTestSheet.cssRules[10].style.fontWeight", "800"); |
| shouldBeEqualToString("weightTestSheet.cssRules[11].style.fontWeight", "900"); |
| shouldBeEqualToString("weightTestSheet.cssRules[12].style.fontWeight", ""); |
| shouldBeEqualToString("weightTestSheet.cssRules[13].style.fontWeight", ""); |
| shouldBeEqualToString("weightTestSheet.cssRules[14].style.fontWeight", ""); |
| shouldBeEqualToString("weightTestSheet.cssRules[15].style.fontWeight", "7"); |
| shouldBeEqualToString("weightTestSheet.cssRules[16].style.fontWeight", "300"); |
| shouldBeEqualToString("weightTestSheet.cssRules[17].style.fontWeight", "200"); |
| shouldBeEqualToString("weightTestSheet.cssRules[18].style.fontWeight", "100 200"); |
| shouldBeEqualToString("weightTestSheet.cssRules[19].style.fontWeight", "100 200"); |
| shouldBeEqualToString("weightTestSheet.cssRules[20].style.fontWeight", ""); |
| shouldBeEqualToString("weightTestSheet.cssRules[21].style.fontWeight", ""); |
| shouldBeEqualToString("weightTestSheet.cssRules[22].style.fontWeight", ""); |
| shouldBeEqualToString("weightTestSheet.cssRules[23].style.fontWeight", ""); |
| shouldBeEqualToString("weightTestSheet.cssRules[24].style.fontWeight", ""); |
| shouldBeEqualToString("weightTestSheet.cssRules[25].style.fontWeight", ""); |
| shouldBeEqualToString("weightTestSheet.cssRules[26].style.fontWeight", "1 2"); |
| shouldBeEqualToString("weightTestSheet.cssRules[27].style.fontWeight", ""); |
| shouldBeEqualToString("weightTestSheet.cssRules[28].style.fontWeight", ""); |
| shouldBeEqualToString("weightTestSheet.cssRules[29].style.fontWeight", "7 8"); |
| shouldBeEqualToString("weightTestSheet.cssRules[30].style.fontWeight", "2 7"); |
| |
| var stretchTestSheet = document.getElementById("stretchTest").sheet; |
| shouldBeEqualToString("stretchTestSheet.cssRules[0].style.fontStretch", "1%"); |
| shouldBeEqualToString("stretchTestSheet.cssRules[1].style.fontStretch", ""); |
| shouldBeEqualToString("stretchTestSheet.cssRules[2].style.fontStretch", "ultra-condensed"); |
| shouldBeEqualToString("stretchTestSheet.cssRules[3].style.fontStretch", "extra-condensed"); |
| shouldBeEqualToString("stretchTestSheet.cssRules[4].style.fontStretch", "condensed"); |
| shouldBeEqualToString("stretchTestSheet.cssRules[5].style.fontStretch", "semi-condensed"); |
| shouldBeEqualToString("stretchTestSheet.cssRules[6].style.fontStretch", "normal"); |
| shouldBeEqualToString("stretchTestSheet.cssRules[7].style.fontStretch", "semi-expanded"); |
| shouldBeEqualToString("stretchTestSheet.cssRules[8].style.fontStretch", "expanded"); |
| shouldBeEqualToString("stretchTestSheet.cssRules[9].style.fontStretch", "extra-expanded"); |
| shouldBeEqualToString("stretchTestSheet.cssRules[10].style.fontStretch", "ultra-expanded"); |
| shouldBeEqualToString("stretchTestSheet.cssRules[11].style.fontStretch", ""); |
| shouldBeEqualToString("stretchTestSheet.cssRules[12].style.fontStretch", ""); |
| shouldBeEqualToString("stretchTestSheet.cssRules[13].style.fontStretch", ""); |
| shouldBeEqualToString("stretchTestSheet.cssRules[14].style.fontStretch", ""); |
| shouldBeEqualToString("stretchTestSheet.cssRules[15].style.fontStretch", ""); |
| shouldBeEqualToString("stretchTestSheet.cssRules[16].style.fontStretch", ""); |
| shouldBeEqualToString("stretchTestSheet.cssRules[17].style.fontStretch", ""); |
| shouldBeEqualToString("stretchTestSheet.cssRules[18].style.fontStretch", ""); |
| shouldBeEqualToString("stretchTestSheet.cssRules[19].style.fontStretch", ""); |
| shouldBeEqualToString("stretchTestSheet.cssRules[20].style.fontStretch", ""); |
| shouldBeEqualToString("stretchTestSheet.cssRules[21].style.fontStretch", ""); |
| shouldBeEqualToString("stretchTestSheet.cssRules[22].style.fontStretch", ""); |
| shouldBeEqualToString("stretchTestSheet.cssRules[23].style.fontStretch", ""); |
| shouldBeEqualToString("stretchTestSheet.cssRules[24].style.fontStretch", ""); |
| shouldBeEqualToString("stretchTestSheet.cssRules[25].style.fontStretch", "100% 200%"); |
| shouldBeEqualToString("stretchTestSheet.cssRules[26].style.fontStretch", "100% 200%"); |
| shouldBeEqualToString("stretchTestSheet.cssRules[27].style.fontStretch", ""); |
| shouldBeEqualToString("stretchTestSheet.cssRules[28].style.fontStretch", ""); |
| shouldBeEqualToString("stretchTestSheet.cssRules[29].style.fontStretch", ""); |
| shouldBeEqualToString("stretchTestSheet.cssRules[30].style.fontStretch", ""); |
| shouldBeEqualToString("stretchTestSheet.cssRules[31].style.fontStretch", ""); |
| shouldBeEqualToString("stretchTestSheet.cssRules[32].style.fontStretch", ""); |
| shouldBeEqualToString("stretchTestSheet.cssRules[33].style.fontStretch", "1% 2%"); |
| shouldBeEqualToString("stretchTestSheet.cssRules[34].style.fontStretch", ""); |
| shouldBeEqualToString("stretchTestSheet.cssRules[35].style.fontStretch", ""); |
| shouldBeEqualToString("stretchTestSheet.cssRules[36].style.fontStretch", ""); |
| shouldBeEqualToString("stretchTestSheet.cssRules[37].style.fontStretch", ""); |
| shouldBeEqualToString("stretchTestSheet.cssRules[38].style.fontStretch", ""); |
| shouldBeEqualToString("stretchTestSheet.cssRules[39].style.fontStretch", ""); |
| shouldBeEqualToString("stretchTestSheet.cssRules[40].style.fontStretch", "calc(7%) 8%"); |
| shouldBeEqualToString("stretchTestSheet.cssRules[41].style.fontStretch", "2% calc(7%)"); |
| |
| var styleTestSheet = document.getElementById("styleTest").sheet; |
| shouldBeEqualToString("styleTestSheet.cssRules[0].style.fontStyle", "oblique 1deg"); |
| shouldBeEqualToString("styleTestSheet.cssRules[1].style.fontStyle", "oblique 20grad"); |
| shouldBeEqualToString("styleTestSheet.cssRules[2].style.fontStyle", "oblique 0.28318rad"); |
| shouldBeEqualToString("styleTestSheet.cssRules[3].style.fontStyle", "oblique 0.04turn"); |
| shouldBeEqualToString("styleTestSheet.cssRules[4].style.fontStyle", ""); |
| shouldBeEqualToString("styleTestSheet.cssRules[5].style.fontStyle", ""); |
| shouldBeEqualToString("styleTestSheet.cssRules[6].style.fontStyle", "italic"); |
| shouldBeEqualToString("styleTestSheet.cssRules[7].style.fontStyle", "oblique"); |
| shouldBeEqualToString("styleTestSheet.cssRules[8].style.fontStyle", "normal"); |
| shouldBeEqualToString("styleTestSheet.cssRules[9].style.fontStyle", ""); |
| shouldBeEqualToString("styleTestSheet.cssRules[10].style.fontStyle", ""); |
| shouldBeEqualToString("styleTestSheet.cssRules[11].style.fontStyle", ""); |
| shouldBeEqualToString("styleTestSheet.cssRules[12].style.fontStyle", "oblique calc(15.4deg)"); |
| |
| shouldBeEqualToString("styleTestSheet.cssRules[13].style.fontStyle", ""); |
| shouldBeEqualToString("styleTestSheet.cssRules[14].style.fontStyle", ""); |
| shouldBeEqualToString("styleTestSheet.cssRules[15].style.fontStyle", ""); |
| shouldBeEqualToString("styleTestSheet.cssRules[16].style.fontStyle", ""); |
| shouldBeEqualToString("styleTestSheet.cssRules[17].style.fontStyle", ""); |
| shouldBeEqualToString("styleTestSheet.cssRules[18].style.fontStyle", ""); |
| shouldBeEqualToString("styleTestSheet.cssRules[19].style.fontStyle", ""); |
| shouldBeEqualToString("styleTestSheet.cssRules[20].style.fontStyle", ""); |
| shouldBeEqualToString("styleTestSheet.cssRules[21].style.fontStyle", ""); |
| shouldBeEqualToString("styleTestSheet.cssRules[22].style.fontStyle", ""); |
| shouldBeEqualToString("styleTestSheet.cssRules[23].style.fontStyle", ""); |
| shouldBeEqualToString("styleTestSheet.cssRules[24].style.fontStyle", "oblique 10deg 20deg"); |
| shouldBeEqualToString("styleTestSheet.cssRules[25].style.fontStyle", "oblique 10deg 20deg"); |
| shouldBeEqualToString("styleTestSheet.cssRules[26].style.fontStyle", ""); |
| shouldBeEqualToString("styleTestSheet.cssRules[27].style.fontStyle", ""); |
| shouldBeEqualToString("styleTestSheet.cssRules[28].style.fontStyle", ""); |
| shouldBeEqualToString("styleTestSheet.cssRules[29].style.fontStyle", ""); |
| shouldBeEqualToString("styleTestSheet.cssRules[30].style.fontStyle", ""); |
| shouldBeEqualToString("styleTestSheet.cssRules[31].style.fontStyle", ""); |
| shouldBeEqualToString("styleTestSheet.cssRules[32].style.fontStyle", "oblique 1deg 2deg"); |
| shouldBeEqualToString("styleTestSheet.cssRules[33].style.fontStyle", "oblique -2deg -1deg"); |
| shouldBeEqualToString("styleTestSheet.cssRules[34].style.fontStyle", ""); |
| shouldBeEqualToString("styleTestSheet.cssRules[35].style.fontStyle", ""); |
| shouldBeEqualToString("styleTestSheet.cssRules[36].style.fontStyle", ""); |
| shouldBeEqualToString("styleTestSheet.cssRules[37].style.fontStyle", "oblique 2deg 4grad"); |
| shouldBeEqualToString("styleTestSheet.cssRules[38].style.fontStyle", ""); |
| shouldBeEqualToString("styleTestSheet.cssRules[39].style.fontStyle", ""); |
| shouldBeEqualToString("styleTestSheet.cssRules[40].style.fontStyle", "oblique calc(7deg) 8deg"); |
| shouldBeEqualToString("styleTestSheet.cssRules[41].style.fontStyle", "oblique 2deg calc(7deg)"); |
| </script> |
| <script src="../../resources/js-test-post.js"></script> |
| </body> |
| </html> |
