Google Git
Sign in
webkit / WebKit / 8bde3ead3fc6049bffee0a9d68c7b464d3930194 / . / LayoutTests / css3 / font-variant-small-caps-synthesis-coverage-expected.html
blob: 42ba604b830982f4217b67363cb3209f96bdb1e9 [file] [log] [blame]
mmaxfield@apple.com9c0eb112015-12-10 08:37:03 +0000[diff] [blame]1<!DOCTYPE html>
2<html>
3<head>
4<style>
5@font-face {
6 font-family: "testfont";
7 src: url("resources/FontWithFeatures.otf") format("opentype");
8}
9.test {
10 font-size: 20px;
11 display: inline-block;
12}
13</style>
14</head>
15<body>
16This test makes sure that font-variant synthesis is correctly applied. The test passes when a particular pattern of Xs and checks appear below. Also note that the correct size of the character is required.
17<div style="border: solid black 1px;">
18<div class="test">ASDF</div>
19<div class="test"><span style="font-size: 14px;">ASDF</span></div>
20<div class="test"><span style="font-size: 14px;">AS</span>DF</div>
21<div class="test">AS<span style="font-size: 14px;">DF</span></div>
22<div class="test"><span style="font-size: 14px;">ASDF</span></div>
23<div class="test"><span style="font-size: 14px;">ASDF</span></div>
24<div class="test"><span style="font-size: 14px;">ASDF</span></div>
25<div class="test"><span style="font-size: 14px;">ASDF</span></div>
26</div>
27<div style="font-family: testfont; border: solid black 1px; margin: 5px;">
28<div class="test">AB</div>
29<div class="test">B</div>
30<div class="test">B</div>
31<div class="test">B</div>
32<div class="test"><span style="font-size: 14px;">A</span></div>
33<div class="test">A</div>
34<div class="test"><span style="font-size: 14px;">A</span>B</div>
35<div class="test">B<span style="font-size: 14px;">A</span></div>
36<div class="test">AA</div>
37<div class="test">AA</div>
38<div class="test">B</div>
39<div class="test"><span style="font-size: 14px;">A</span>K</div>
40<div class="test">K<span style="font-size: 14px;">A</span></div>
41<div class="test">AB</div>
42<div class="test">BA</div>
43</div>
mmaxfield@apple.com390b54b2015-12-15 21:55:34 +0000[diff] [blame]44<div style="font-family: testfont; border: solid black 1px; margin: 5px;">
45<div class="test">AB</div>
46<div class="test">B</div>
47<div class="test">B</div>
48<div class="test">B</div>
49<div class="test"><span style="font-size: 14px;">A</span></div>
50<div class="test">A</div>
51<div class="test"><span style="font-size: 14px;">A</span>B</div>
52<div class="test">B<span style="font-size: 14px;">A</span></div>
53<div class="test">AA</div>
54<div class="test">AA</div>
55<div class="test">B</div>
56<div class="test"><span style="font-size: 14px;">A</span>K</div>
57<div class="test">K<span style="font-size: 14px;">A</span></div>
58<div class="test">AB</div>
59<div class="test">BA</div>
60</div>
mmaxfield@apple.com9c0eb112015-12-10 08:37:03 +0000[diff] [blame]61<div style="font-family: testfont; border: solid red 1px; margin: 5px;">
62<div class="test"style="">AB</div>
63<div class="test">B</div>
64<div class="test">B</div>
65<div class="test">B</div>
66<div class="test">B</div>
67<div class="test">A</div>
68<div class="test"><span style="font-size: 14px;">A</span></div>
69<div class="test">A</div>
70<div class="test"><span style="font-size: 14px;">A</span><span style="font-size: 14px;">B</span></div>
71<div class="test"><span style="font-size: 14px;">B</span><span style="font-size: 14px;">A</span></div>
72<div class="test">AA</div>
73<div class="test">AA</div>
74<div class="test"><span style="font-size: 14px;">A</span></div>
75<div class="test"><span style="font-size: 14px;">A</span><span style="font-size: 14px;">A</span></div>
76<div class="test"><span style="font-size: 14px;">A</span><span style="font-size: 14px;">A</span></div>
77<div class="test">A<span style="font-size: 14px;">A</span></div>
78<div class="test"><span style="font-size: 14px;">A</span>A</div>
79</div>
mmaxfield@apple.com390b54b2015-12-15 21:55:34 +0000[diff] [blame]80<div style="font-family: testfont; border: solid red 1px; margin: 5px;">
81<div class="test"style="">AB</div>
82<div class="test">B</div>
83<div class="test">B</div>
84<div class="test">B</div>
85<div class="test">A</div>
86<div class="test">B</div>
87<div class="test"><span style="font-size: 14px;">A</span></div>
88<div class="test">A</div>
89<div class="test"><span style="font-size: 14px;">A</span><span style="font-size: 14px;">A</span></div>
90<div class="test"><span style="font-size: 14px;">A</span><span style="font-size: 14px;">A</span></div>
91<div class="test">AA</div>
92<div class="test">AA</div>
93<div class="test"><span style="font-size: 14px;">B</span></div>
94<div class="test"><span style="font-size: 14px;">A</span><span style="font-size: 14px;">B</span></div>
95<div class="test"><span style="font-size: 14px;">B</span><span style="font-size: 14px;">A</span></div>
96<div class="test">A<span style="font-size: 14px;">B</span></div>
97<div class="test"><span style="font-size: 14px;">B</span>A</div>
98</div>
99<div style="font-family: testfont; border: solid blue 1px; margin: 5px;">
100<div class="test"><span style="font-size: 14px;">A</span></div>
101<div class="test">A</div>
102<div class="test"><span style="font-size: 14px;">A</span><span style="font-size: 14px;">B</span></div>
103<div class="test"><span style="font-size: 14px;">B</span><span style="font-size: 14px;">A</span></div>
104<div class="test"><span style="font-size: 14px;">A</span><span style="font-size: 14px;">B</span></div>
105<div class="test"><span style="font-size: 14px;">B</span><span style="font-size: 14px;">A</span></div>
106<div class="test">A</div>
107<div class="test"><span style="font-size: 14px;">A</span><span style="font-size: 14px;">B</span></div>
108<div class="test"><span style="font-size: 14px;">B</span><span style="font-size: 14px;">A</span></div>
109<div class="test"><span style="font-size: 14px;">A</span><span style="font-size: 14px;">B</span></div>
110<div class="test"><span style="font-size: 14px;">B</span><span style="font-size: 14px;">A</span></div>
111</div>
mmaxfield@apple.com9c0eb112015-12-10 08:37:03 +0000[diff] [blame]112<div style="font-family: testfont; border: solid blue 1px; margin: 5px;">
113<div class="test"><span style="font-size: 14px;">A</span></div>
114<div class="test">A</div>
115<div class="test"><span style="font-size: 14px;">A</span><span style="font-size: 14px;">B</span></div>
116<div class="test"><span style="font-size: 14px;">B</span><span style="font-size: 14px;">A</span></div>
117<div class="test"><span style="font-size: 14px;">A</span><span style="font-size: 14px;">B</span></div>
118<div class="test"><span style="font-size: 14px;">B</span><span style="font-size: 14px;">A</span></div>
119<div class="test">A</div>
120<div class="test"><span style="font-size: 14px;">A</span><span style="font-size: 14px;">B</span></div>
121<div class="test"><span style="font-size: 14px;">B</span><span style="font-size: 14px;">A</span></div>
122<div class="test"><span style="font-size: 14px;">A</span><span style="font-size: 14px;">B</span></div>
123<div class="test"><span style="font-size: 14px;">B</span><span style="font-size: 14px;">A</span></div>
124</div>
125<div style="font-family: testfont; border: solid green 1px; margin: 5px;">
126<div class="test"><span style="font-size: 14px;">A</span></div>
127<div class="test">A</div>
128<div class="test"><span style="font-size: 14px;">A</span><span style="font-size: 14px;">B</span></div>
129<div class="test"><span style="font-size: 14px;">B</span><span style="font-size: 14px;">A</span></div>
130<div class="test"><span style="font-size: 14px;">A</span><span style="font-size: 14px;">B</span></div>
131<div class="test"><span style="font-size: 14px;">B</span><span style="font-size: 14px;">A</span></div>
132<div class="test">A</div>
133<div class="test"><span style="font-size: 14px;">A</span><span style="font-size: 14px;">A</span></div>
134<div class="test"><span style="font-size: 14px;">A</span><span style="font-size: 14px;">A</span></div>
135<div class="test"><span style="font-size: 14px;">A</span><span style="font-size: 14px;">A</span></div>
136<div class="test"><span style="font-size: 14px;">A</span><span style="font-size: 14px;">A</span></div>
137</div>
mmaxfield@apple.com390b54b2015-12-15 21:55:34 +0000[diff] [blame]138<div style="font-family: testfont; border: solid green 1px; margin: 5px;">
139<div class="test"><span style="font-size: 14px;">A</span></div>
140<div class="test">A</div>
141<div class="test"><span style="font-size: 14px;">A</span><span style="font-size: 14px;">A</span></div>
142<div class="test"><span style="font-size: 14px;">A</span><span style="font-size: 14px;">A</span></div>
143<div class="test"><span style="font-size: 14px;">A</span><span style="font-size: 14px;">A</span></div>
144<div class="test"><span style="font-size: 14px;">A</span><span style="font-size: 14px;">A</span></div>
145<div class="test">A</div>
146<div class="test"><span style="font-size: 14px;">A</span><span style="font-size: 14px;">B</span></div>
147<div class="test"><span style="font-size: 14px;">B</span><span style="font-size: 14px;">A</span></div>
148<div class="test"><span style="font-size: 14px;">A</span><span style="font-size: 14px;">B</span></div>
149<div class="test"><span style="font-size: 14px;">B</span><span style="font-size: 14px;">A</span></div>
150</div>
mmaxfield@apple.com9c0eb112015-12-10 08:37:03 +0000[diff] [blame]151</div>
152</body>
153</html>