34d0a2c4cf5df0da7aa40ca6ab9ec050eccebbdf
[WebKit-https.git] / LayoutTests / css3 / font-feature-settings-rendering-2.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <style>
5 @font-face {
6     font-family: "FontFeaturesTest";
7     src: url("resources/FontWithFeatures.otf") format("opentype");
8 }
9 </style>
10 </head>
11 <body>
12 This tests that font features are able to be turned on and off as desired. It uses a special font
13 designed specifically for this purpose. The test passes if you see a sequence of alternating check
14 marks and X below.
15 <div id="insertionpoint"></div>
16 <script>
17 var insertionpoint = document.getElementById("insertionpoint");
18 function addElement(feature, c) {
19     ["0", "1"].map(function(state) {
20         var element = document.createElement("span");
21         element.textContent = c;
22         element.style.fontFamily = "FontFeaturesTest";
23         element.style.webkitFontFeatureSettings = '"' + feature + '" ' + state;
24         insertionpoint.appendChild(element);
25     });
26     insertionpoint.appendChild(document.createTextNode(" "));
27 }
28 addElement("liga", "C");
29 addElement("clig", "D");
30 addElement("dlig", "E");
31 addElement("hlig", "F");
32 addElement("calt", "G");
33 addElement("subs", "H");
34 addElement("sups", "I");
35 addElement("smcp", "J");
36 addElement("c2sc", "K");
37 addElement("pcap", "L");
38 addElement("c2pc", "M");
39 addElement("unic", "N");
40 addElement("titl", "O");
41 addElement("lnum", "P");
42 addElement("onum", "Q");
43 addElement("pnum", "R");
44 addElement("tnum", "S");
45 addElement("frac", "T");
46 //addElement("afrc", "U");
47 addElement("ordn", "V");
48 addElement("zero", "W");
49 addElement("hist", "X");
50 addElement("jp78", "Y");
51 addElement("jp83", "Z");
52 addElement("jp90", "a");
53 addElement("jp04", "b");
54 addElement("smpl", "c");
55 addElement("trad", "d");
56 addElement("fwid", "e");
57 addElement("pwid", "f");
58 addElement("ruby", "g");
59 </script>
60 </body>
61 </html>