<!DOCTYPE html>
<html>
<head>
<title>CSS Test: feature value matching for font-variant-alternates</title>
<link rel="author" title="John Daggett" href="mailto:[email protected]"/>
<style type="text/css">
@font-face {
font-family: libertine;
src: url(support/fonts/LinLibertine_Re-4.7.5.woff) format("woff");
}
body {
font-family: libertine, sans-serif;
font-size: 800%;
line-height: 1.2em;
}
div { margin: 0 20px; }
span {
font-feature-settings: "ss05"; /* crossed W */
}
/* tests that should NOT use the feature, due to case-sensitivity of font-feature-values names */
#test2, #test3 { font-feature-settings: "ss05" off; }
</style>
</head>
<body lang="en">
<div><span id="test1">W</span> <span id="test2">W</span> <span id="test3">W</span></div>
<div><span id="test4">W</span> <span id="test5">W</span> <span id="test6">W</span></div>
<div><span id="test7">W</span> <span id="test8">W</span> <span id="test9">W</span></div>
</body>
</html>