<!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 test makes sure that local font feature styles can override the font feature styles declared in @font-face blocks.
<div style="font: 40px FontFeaturesTestOTF;">AA</div>
<div style="font: 40px FontFeaturesTestOTF;">BB</div>
<div style="font: 40px FontFeaturesTestTTF;">AA</div>
<div style="font: 40px FontFeaturesTestTTF;">BB</div>
</body>
</html>