blob: 74414937f255b04ba7144386238c4861c23dfa90 [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<style>
@font-face {
font-family: "FontFeaturesTestOTF";
src: url("resources/FontWithFeatures.otf") format("opentype");
}
@font-face {
font-family: "FontFeaturesTestTTF";
src: url("resources/FontWithFeatures.ttf") format("truetype");
}
.fontWithFeaturesTTF {
font-family: "FontWithFeaturesTTF";
}
</style>
</head>
<body>
<p>This test is a dump-render-tree test which makes sure that the following properties are appropriately applied:</p>
<ul>
<li>-webkit-font-variant-ligatures</li>
<li>-webkit-font-variant-position</li>
<li>-webkit-font-variant-caps</li>
<li>-webkit-font-variant-numeric</li>
<li>-webkit-font-variant-alternates</li>
<li>-webkit-font-variant-east-asian</li>
</ul>
The test passes if there is a particular sequence of checks and x characters below. Note that some x characters are expected.
<div id="insertionpoint"><span style="font-family: FontFeaturesTestOTF;">AA</span>
<span style="font-family: FontFeaturesTestOTF;">BB</span>
<span style="font-family: FontFeaturesTestOTF;">AA</span>
<span style="font-family: FontFeaturesTestOTF;">BB</span>
<span style="font-family: FontFeaturesTestOTF;">AA</span>
<span style="font-family: FontFeaturesTestOTF;">BB</span>
<span style="font-family: FontFeaturesTestOTF;">AA</span>
<span style="font-family: FontFeaturesTestOTF;">BB</span>
<span style="font-family: FontFeaturesTestOTF;">AA</span>
<span style="font-family: FontFeaturesTestOTF;">AA</span>
<span style="font-family: FontFeaturesTestOTF;">AA</span>
<span style="font-family: FontFeaturesTestOTF;">AA</span>
<span style="font-family: FontFeaturesTestOTF;">AA</span>
<span style="font-family: FontFeaturesTestOTF;">AA</span>
<span style="font-family: FontFeaturesTestOTF;">AA</span>
<span style="font-family: FontFeaturesTestOTF;">AA</span>
<span style="font-family: FontFeaturesTestOTF;">AA</span>
<span style="font-family: FontFeaturesTestOTF;">AA</span>
<span style="font-family: FontFeaturesTestOTF;">AA</span>
<span style="font-family: FontFeaturesTestOTF;">AA</span>
<span style="font-family: FontFeaturesTestOTF;">AA</span>
<span style="font-family: FontFeaturesTestOTF;">AA</span>
<span style="font-family: FontFeaturesTestOTF;">AA</span>
<span style="font-family: FontFeaturesTestOTF;">AA</span>
<span style="font-family: FontFeaturesTestOTF;">AA</span>
<span style="font-family: FontFeaturesTestOTF;">AA</span>
<span style="font-family: FontFeaturesTestOTF;">AA</span>
<span style="font-family: FontFeaturesTestOTF;">AA</span>
<span style="font-family: FontFeaturesTestOTF;">AA</span>
<span style="font-family: FontFeaturesTestOTF;">AA</span>
<span style="font-family: FontFeaturesTestOTF;">AA</span>
<span style="font-family: FontFeaturesTestOTF;">AA</span>
<span style="font-family: FontFeaturesTestOTF;">AA</span>
</div>
<div id="insertionPoint2"><span style="font-family: FontFeaturesTestTTF;">AA</span>
<span style="font-family: FontFeaturesTestOTF;">BB</span>
<span style="font-family: FontFeaturesTestOTF;">AA</span>
<span style="font-family: FontFeaturesTestOTF;">BB</span>
<span style="font-family: FontFeaturesTestOTF;">AA</span>
<span style="font-family: FontFeaturesTestOTF;">BB</span>
<span style="font-family: FontFeaturesTestOTF;">AA</span>
<span style="font-family: FontFeaturesTestOTF;">BB</span>
<span style="font-family: FontFeaturesTestOTF;">AA</span>
<span style="font-family: FontFeaturesTestOTF;">AA</span>
<span style="font-family: FontFeaturesTestOTF;">AA</span>
<span style="font-family: FontFeaturesTestOTF;">AA</span>
<span style="font-family: FontFeaturesTestOTF;">AA</span>
<span style="font-family: FontFeaturesTestOTF;">AA</span>
<span style="font-family: FontFeaturesTestOTF;">AA</span>
<span style="font-family: FontFeaturesTestOTF;">AA</span>
<span style="font-family: FontFeaturesTestOTF;">AA</span>
<span style="font-family: FontFeaturesTestOTF;">AA</span>
<span style="font-family: FontFeaturesTestOTF;">AA</span>
<span style="font-family: FontFeaturesTestOTF;">AA</span>
<span style="font-family: FontFeaturesTestOTF;">AA</span>
<span style="font-family: FontFeaturesTestOTF;">AA</span>
<span style="font-family: FontFeaturesTestOTF;">AA</span>
<span style="font-family: FontFeaturesTestOTF;">AA</span>
<span style="font-family: FontFeaturesTestOTF;">AA</span>
<span style="font-family: FontFeaturesTestOTF;">AA</span>
<span style="font-family: FontFeaturesTestOTF;">AA</span>
<span style="font-family: FontFeaturesTestOTF;">AA</span>
<span style="font-family: FontFeaturesTestOTF;">AA</span>
<span style="font-family: FontFeaturesTestOTF;">AA</span>
<span style="font-family: FontFeaturesTestOTF;">AA</span>
<span style="font-family: FontFeaturesTestOTF;">AA</span>
<span style="font-family: FontFeaturesTestOTF;">AA</span>
<span style="font-family: FontFeaturesTestOTF;">AA</span>
</div>
</body>
</html>