Google Git
Sign in
webkit / WebKit / refs/heads/master / . / LayoutTests / css3 / font-feature-settings-rendering-expected.html
blob: 0793671349d8a6e75c4dee962349ca011ced5610 [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");
}
</style>
</head>
<body>
This tests that font features are able to be turned on and off as desired. It uses a special font
designed specifically for this purpose. The test passes if you see a sequence of alternating check
marks and X below.
<div style="font-family: FontWithFeaturesOTF;">AB</div>
<div style="font-family: FontWithFeaturesTTF;">AB</div>
<div><span style="font-family: FontFeaturesTestOTF;">BA</span>
<span style="font-family: FontFeaturesTestOTF;">BA</span>
<span style="font-family: FontFeaturesTestOTF;">BA</span>
<span style="font-family: FontFeaturesTestOTF;">BA</span>
<span style="font-family: FontFeaturesTestOTF;">BA</span>
<span style="font-family: FontFeaturesTestOTF;">BA</span>
<span style="font-family: FontFeaturesTestOTF;">BA</span>
<span style="font-family: FontFeaturesTestOTF;">BA</span>
<span style="font-family: FontFeaturesTestOTF;">BA</span>
<span style="font-family: FontFeaturesTestOTF;">BA</span>
<span style="font-family: FontFeaturesTestOTF;">BA</span>
<span style="font-family: FontFeaturesTestOTF;">BA</span>
<span style="font-family: FontFeaturesTestOTF;">BA</span>
<span style="font-family: FontFeaturesTestOTF;">BA</span>
<span style="font-family: FontFeaturesTestOTF;">BA</span>
<span style="font-family: FontFeaturesTestOTF;">BA</span>
<span style="font-family: FontFeaturesTestOTF;">BA</span>
<span style="font-family: FontFeaturesTestOTF;">BA</span>
<span style="font-family: FontFeaturesTestOTF;">BA</span>
<span style="font-family: FontFeaturesTestOTF;">BA</span>
<span style="font-family: FontFeaturesTestOTF;">BA</span>
<span style="font-family: FontFeaturesTestOTF;">BA</span>
<span style="font-family: FontFeaturesTestOTF;">BA</span>
<span style="font-family: FontFeaturesTestOTF;">BA</span>
<span style="font-family: FontFeaturesTestOTF;">BA</span>
<span style="font-family: FontFeaturesTestOTF;">BA</span>
<span style="font-family: FontFeaturesTestOTF;">BA</span>
<span style="font-family: FontFeaturesTestOTF;">BA</span>
<span style="font-family: FontFeaturesTestOTF;">BA</span>
<span style="font-family: FontFeaturesTestOTF;">BA</span>
</div>
<div><span style="font-family: FontFeaturesTestTTF;">BA</span>
<span style="font-family: FontFeaturesTestTTF;">BA</span>
<span style="font-family: FontFeaturesTestTTF;">BA</span>
<span style="font-family: FontFeaturesTestTTF;">BA</span>
<span style="font-family: FontFeaturesTestTTF;">BA</span>
<span style="font-family: FontFeaturesTestTTF;">BA</span>
<span style="font-family: FontFeaturesTestTTF;">BA</span>
<span style="font-family: FontFeaturesTestTTF;">BA</span>
<span style="font-family: FontFeaturesTestTTF;">BA</span>
<span style="font-family: FontFeaturesTestTTF;">BA</span>
<span style="font-family: FontFeaturesTestTTF;">BA</span>
<span style="font-family: FontFeaturesTestTTF;">BA</span>
<span style="font-family: FontFeaturesTestTTF;">BA</span>
<span style="font-family: FontFeaturesTestTTF;">BA</span>
<span style="font-family: FontFeaturesTestTTF;">BA</span>
<span style="font-family: FontFeaturesTestTTF;">BA</span>
<span style="font-family: FontFeaturesTestTTF;">BA</span>
<span style="font-family: FontFeaturesTestTTF;">BA</span>
<span style="font-family: FontFeaturesTestTTF;">BA</span>
<span style="font-family: FontFeaturesTestTTF;">BA</span>
<span style="font-family: FontFeaturesTestTTF;">BA</span>
<span style="font-family: FontFeaturesTestTTF;">BA</span>
<span style="font-family: FontFeaturesTestTTF;">BA</span>
<span style="font-family: FontFeaturesTestTTF;">BA</span>
<span style="font-family: FontFeaturesTestTTF;">BA</span>
<span style="font-family: FontFeaturesTestTTF;">BA</span>
<span style="font-family: FontFeaturesTestTTF;">BA</span>
<span style="font-family: FontFeaturesTestTTF;">BA</span>
<span style="font-family: FontFeaturesTestTTF;">BA</span>
<span style="font-family: FontFeaturesTestTTF;">BA</span>
<span style="font-family: FontFeaturesTestTTF;">BA</span>
<span style="font-family: FontFeaturesTestTTF;">BA</span>
<span style="font-family: FontFeaturesTestTTF;">BA</span>
</div>
<div><span style="font-family: FontWithFeaturesOTF;">BA</span>
<span style="font-family: FontWithFeaturesOTF;">BA</span>
<span style="font-family: FontWithFeaturesOTF;">BA</span>
<span style="font-family: FontWithFeaturesOTF;">BA</span>
<span style="font-family: FontWithFeaturesOTF;">BA</span>
<span style="font-family: FontWithFeaturesOTF;">BA</span>
<span style="font-family: FontWithFeaturesOTF;">BA</span>
<span style="font-family: FontWithFeaturesOTF;">BA</span>
<span style="font-family: FontWithFeaturesOTF;">BA</span>
<span style="font-family: FontWithFeaturesOTF;">BA</span>
<span style="font-family: FontWithFeaturesOTF;">BA</span>
<span style="font-family: FontWithFeaturesOTF;">BA</span>
<span style="font-family: FontWithFeaturesOTF;">BA</span>
<span style="font-family: FontWithFeaturesOTF;">BA</span>
<span style="font-family: FontWithFeaturesOTF;">BA</span>
<span style="font-family: FontWithFeaturesOTF;">BA</span>
<span style="font-family: FontWithFeaturesOTF;">BA</span>
<span style="font-family: FontWithFeaturesOTF;">BA</span>
<span style="font-family: FontWithFeaturesOTF;">BA</span>
<span style="font-family: FontWithFeaturesOTF;">BA</span>
<span style="font-family: FontWithFeaturesOTF;">BA</span>
<span style="font-family: FontWithFeaturesOTF;">BA</span>
<span style="font-family: FontWithFeaturesOTF;">BA</span>
<span style="font-family: FontWithFeaturesOTF;">BA</span>
<span style="font-family: FontWithFeaturesOTF;">BA</span>
<span style="font-family: FontWithFeaturesOTF;">BA</span>
<span style="font-family: FontWithFeaturesOTF;">BA</span>
<span style="font-family: FontWithFeaturesOTF;">BA</span>
<span style="font-family: FontWithFeaturesOTF;">BA</span>
<span style="font-family: FontWithFeaturesOTF;">BA</span>
</div>
<div><span style="font-family: FontWithFeaturesTTF;">BA</span>
<span style="font-family: FontWithFeaturesTTF;">BA</span>
<span style="font-family: FontWithFeaturesTTF;">BA</span>
<span style="font-family: FontWithFeaturesTTF;">BA</span>
<span style="font-family: FontWithFeaturesTTF;">BA</span>
<span style="font-family: FontWithFeaturesTTF;">BA</span>
<span style="font-family: FontWithFeaturesTTF;">BA</span>
<span style="font-family: FontWithFeaturesTTF;">BA</span>
<span style="font-family: FontWithFeaturesTTF;">BA</span>
<span style="font-family: FontWithFeaturesTTF;">BA</span>
<span style="font-family: FontWithFeaturesTTF;">BA</span>
<span style="font-family: FontWithFeaturesTTF;">BA</span>
<span style="font-family: FontWithFeaturesTTF;">BA</span>
<span style="font-family: FontWithFeaturesTTF;">BA</span>
<span style="font-family: FontWithFeaturesTTF;">BA</span>
<span style="font-family: FontWithFeaturesTTF;">BA</span>
<span style="font-family: FontWithFeaturesTTF;">BA</span>
<span style="font-family: FontWithFeaturesTTF;">BA</span>
<span style="font-family: FontWithFeaturesTTF;">BA</span>
<span style="font-family: FontWithFeaturesTTF;">BA</span>
<span style="font-family: FontWithFeaturesTTF;">BA</span>
<span style="font-family: FontWithFeaturesTTF;">BA</span>
<span style="font-family: FontWithFeaturesTTF;">BA</span>
<span style="font-family: FontWithFeaturesTTF;">BA</span>
<span style="font-family: FontWithFeaturesTTF;">BA</span>
<span style="font-family: FontWithFeaturesTTF;">BA</span>
<span style="font-family: FontWithFeaturesTTF;">BA</span>
<span style="font-family: FontWithFeaturesTTF;">BA</span>
<span style="font-family: FontWithFeaturesTTF;">BA</span>
<span style="font-family: FontWithFeaturesTTF;">BA</span>
<span style="font-family: FontWithFeaturesTTF;">BA</span>
<span style="font-family: FontWithFeaturesTTF;">BA</span>
<span style="font-family: FontWithFeaturesTTF;">BA</span>
</div>
</body>
</html>