css3/font-feature-settings-rendering.html

<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>