summaryrefslogtreecommitdiffstats
path: root/third_party/WebKit/LayoutTests/css3/font-feature-settings-rendering.html
blob: 2c6c275274ccf3c2d9ee0b37ee70d9ff5b71c19f (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<head>
<style>
@font-face {
    /* FeatureTest.ttf is a small font for testing OpenType features.
     * It contains:
     * - The black box glyph which is associated with 'W', 'e', 'b', 'K', 'i' and 't'.
     * - A discretionary ligature glyph of 'WebKit'.
     */
    font-family: 'test';
    src: url(resources/FeatureTest.ttf);
}
.dligOn {
    font-family: 'test';
    -webkit-font-feature-settings: 'dlig';
}
.dligOff {
    font-family: 'test';
    -webkit-font-feature-settings: 'dlig' 0;
}
.dligNone {
    font-family: 'test';
}
</style>
<script>
if (window.testRunner)
    window.testRunner.waitUntilDone();

function test() {
    document.body.offsetTop;
    if (window.testRunner)
        testRunner.notifyDone();
}
</script>
</head>
<body onload="setTimeout(test, 300)">
<p>Test for font-feature-settings property.  The first word of the following three words should be displayed like "WebKit", while others should be displayed as black boxes.</p>
<div class="dligOn">WebKit</div>
<div class="dligOff">WebKit</div>
<div class="dligNone">WebKit</div>
</body>