LayoutTests/css3/font-feature-settings-rendering.html - WebKit - Git at Google

 <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.layoutTestController)
     window.layoutTestController.waitUntilDone();

 function test() {
     document.body.offsetTop;
     if (window.layoutTestController)
         layoutTestController.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>
	<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.layoutTestController)
	window.layoutTestController.waitUntilDone();

	function test() {
	document.body.offsetTop;
	if (window.layoutTestController)
	layoutTestController.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>