Make color-filter affect caret-color
[WebKit-https.git] / LayoutTests / css3 / font-variant-font-face-override.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <style>
5 @font-face {
6     font-family: "FontFeaturesTestOTF";
7     src: url("resources/FontWithFeatures.otf") format("opentype");
8     font-feature-settings: "titl" 1;
9 }
10 @font-face {
11     font-family: "FontFeaturesTestOTF2";
12     src: url("resources/FontWithFeatures.otf") format("opentype");
13     font-variant-caps: titling-caps;
14 }
15 @font-face {
16     font-family: "FontFeaturesTestTTF";
17     src: url("resources/FontWithFeatures.ttf") format("truetype");
18     font-feature-settings: "titl" 1;
19 }
20 @font-face {
21     font-family: "FontFeaturesTestTTF2";
22     src: url("resources/FontWithFeatures.ttf") format("truetype");
23     font-variant-caps: titling-caps;
24 }
25 </style>
26 </head>
27 <body>
28 This test makes sure that local font feature styles can override the font feature styles declared in @font-face blocks.
29 <div style="font: 40px FontFeaturesTestOTF;">OO</div>
30 <div style="font: 40px FontFeaturesTestOTF; font-feature-settings: 'titl' 0;">OO</div>
31 <div style="font: 40px FontFeaturesTestOTF2;">OO</div>
32 <div style="font: 40px FontFeaturesTestOTF2; font-feature-settings: 'titl' 0;">OO</div>
33 <div style="font: 40px FontFeaturesTestTTF;">aa</div>
34 <div style="font: 40px FontFeaturesTestTTF; font-feature-settings: 'titl' 0;">aa</div>
35 <div style="font: 40px FontFeaturesTestTTF2;">aa</div>
36 <div style="font: 40px FontFeaturesTestTTF2; font-feature-settings: 'titl' 0;">aa</div>
37 </body>
38 </html>