2015-12-10 08:37:03 +00:00
<!DOCTYPE html>
< html >
< head >
< style >
@font-face {
font-family: "testfont";
src: url("resources/FontWithFeatures.otf") format("opentype");
}
.test {
font-size: 20px;
display: inline-block;
}
< / style >
< / head >
< body >
This 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.
< div style = "border: solid black 1px;" >
< div class = "test" > ASDF< / div >
< div class = "test" > < span style = "font-size: 14px;" > ASDF< / span > < / div >
< div class = "test" > < span style = "font-size: 14px;" > AS< / span > DF< / div >
< div class = "test" > AS< span style = "font-size: 14px;" > DF< / span > < / div >
< div class = "test" > < span style = "font-size: 14px;" > ASDF< / span > < / div >
< div class = "test" > < span style = "font-size: 14px;" > ASDF< / span > < / div >
< div class = "test" > < span style = "font-size: 14px;" > ASDF< / span > < / div >
< div class = "test" > < span style = "font-size: 14px;" > ASDF< / span > < / div >
< / div >
< div style = "font-family: testfont; border: solid black 1px; margin: 5px;" >
< div class = "test" > AB< / div >
< div class = "test" > B< / div >
< div class = "test" > B< / div >
< div class = "test" > B< / div >
< div class = "test" > < span style = "font-size: 14px;" > A< / span > < / div >
< div class = "test" > A< / div >
< div class = "test" > < span style = "font-size: 14px;" > A< / span > B< / div >
< div class = "test" > B< span style = "font-size: 14px;" > A< / span > < / div >
< div class = "test" > AA< / div >
< div class = "test" > AA< / div >
< div class = "test" > B< / div >
< div class = "test" > < span style = "font-size: 14px;" > A< / span > K< / div >
< div class = "test" > K< span style = "font-size: 14px;" > A< / span > < / div >
< div class = "test" > AB< / div >
< div class = "test" > BA< / div >
< / div >
2015-12-15 21:55:34 +00:00
< div style = "font-family: testfont; border: solid black 1px; margin: 5px;" >
< div class = "test" > AB< / div >
< div class = "test" > B< / div >
< div class = "test" > B< / div >
< div class = "test" > B< / div >
< div class = "test" > < span style = "font-size: 14px;" > A< / span > < / div >
< div class = "test" > A< / div >
< div class = "test" > < span style = "font-size: 14px;" > A< / span > B< / div >
< div class = "test" > B< span style = "font-size: 14px;" > A< / span > < / div >
< div class = "test" > AA< / div >
< div class = "test" > AA< / div >
< div class = "test" > B< / div >
< div class = "test" > < span style = "font-size: 14px;" > A< / span > K< / div >
< div class = "test" > K< span style = "font-size: 14px;" > A< / span > < / div >
< div class = "test" > AB< / div >
< div class = "test" > BA< / div >
< / div >
< div style = "font-family: testfont; border: solid blue 1px; margin: 5px;" >
< div class = "test" > < span style = "font-size: 14px;" > A< / span > < / div >
< div class = "test" > < span style = "font-size: 14px;" > B< / span > < / div >
< div class = "test" > < span style = "font-size: 14px;" > A< / span > < span style = "font-size: 14px;" > B< / span > < / div >
< div class = "test" > < span style = "font-size: 14px;" > B< / span > < span style = "font-size: 14px;" > A< / span > < / div >
< div class = "test" > < span style = "font-size: 14px;" > A< / span > < span style = "font-size: 14px;" > B< / span > < / div >
< div class = "test" > < span style = "font-size: 14px;" > B< / span > < span style = "font-size: 14px;" > A< / span > < / div >
< div class = "test" > < span style = "font-size: 14px;" > B< / span > < / div >
< div class = "test" > < span style = "font-size: 14px;" > A< / span > < span style = "font-size: 14px;" > B< / span > < / div >
< div class = "test" > < span style = "font-size: 14px;" > B< / span > < span style = "font-size: 14px;" > A< / span > < / div >
< div class = "test" > < span style = "font-size: 14px;" > A< / span > < span style = "font-size: 14px;" > B< / span > < / div >
< div class = "test" > < span style = "font-size: 14px;" > B< / span > < span style = "font-size: 14px;" > A< / span > < / div >
< / div >
2015-12-10 08:37:03 +00:00
< div style = "font-family: testfont; border: solid blue 1px; margin: 5px;" >
< div class = "test" > < span style = "font-size: 14px;" > A< / span > < / div >
< div class = "test" > < span style = "font-size: 14px;" > B< / span > < / div >
< div class = "test" > < span style = "font-size: 14px;" > A< / span > < span style = "font-size: 14px;" > B< / span > < / div >
< div class = "test" > < span style = "font-size: 14px;" > B< / span > < span style = "font-size: 14px;" > A< / span > < / div >
< div class = "test" > < span style = "font-size: 14px;" > A< / span > < span style = "font-size: 14px;" > B< / span > < / div >
< div class = "test" > < span style = "font-size: 14px;" > B< / span > < span style = "font-size: 14px;" > A< / span > < / div >
< div class = "test" > < span style = "font-size: 14px;" > B< / span > < / div >
< div class = "test" > < span style = "font-size: 14px;" > A< / span > < span style = "font-size: 14px;" > B< / span > < / div >
< div class = "test" > < span style = "font-size: 14px;" > B< / span > < span style = "font-size: 14px;" > A< / span > < / div >
< div class = "test" > < span style = "font-size: 14px;" > A< / span > < span style = "font-size: 14px;" > B< / span > < / div >
< div class = "test" > < span style = "font-size: 14px;" > B< / span > < span style = "font-size: 14px;" > A< / span > < / div >
< / div >
< / div >
< / body >
< / html >