| <!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 FontFeaturesTestOTF;">AA</div> |
| <div style="font: 40px FontFeaturesTestOTF;">BB</div> |
| <div style="font: 40px FontFeaturesTestTTF;">AA</div> |
| <div style="font: 40px FontFeaturesTestTTF;">BB</div> |
| <div style="font: 40px FontFeaturesTestTTF;">AA</div> |
| <div style="font: 40px FontFeaturesTestTTF;">BB</div> |
| </body> |
| </html> |