LayoutTests/css3/font-variant-synthesis-jdaggett.html

<!DOCTYPE html>
<html lang="en">
<head>
<title>
font-variant-caps test</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>
body {
	font-size: 20px;
}
@font-face {
  font-family: gsub-test;
  src: url(./resources/gsubtest-lookup3.otf);
}
td.prop {
  font-family: Menlo, monospace;
  font-weight: normal;
  text-align: left;
  font-size: 80%;
}
td.features {
  font-family: gsub-test;
}
.invalid {
  color: red;
}
</style>
</head>
<body>
<div id="content">
<table>
<tbody>
<tr>
    <td class="features" style="font-variant-caps: normal;">
        <span title="smcp=0"></span>
    </td>
</tr>
<tr>
    <td class="features" style="font-variant-caps: small-caps;">
        <span title="smcp=1"></span>
        <span title="c2sc=0"></span>
    </td>
</tr>
<tr>
    <td class="features" style="font-variant-caps: all-small-caps;">
        <span title="smcp=1"></span>
        <span title="c2sc=1"></span>
        <span title="pcap=0"></span>
    </td>
</tr>
<tr>
    <td class="features" style="font-variant-caps: petite-caps;">
        <span title="pcap=1"></span>
        <span title="smcp=0"></span>
    </td>
</tr>
<tr>
    <td class="features" style="font-variant-caps: all-petite-caps;">
        <span title="c2pc=1"></span>
        <span title="pcap=1"></span>
        <span title="smcp=0"></span>
    </td>
</tr>
<tr>
    <td class="features" style="font-variant-caps: titling-caps;">
        <span title="titl=1"></span>
        <span title="smcp=0"></span>
    </td>
</tr>
<tr>
    <td class="features" style="font-variant-caps: unicase;">
        <span title="unic=1"></span>
        <span title="titl=0"></span>
    </td>
</tr>
<tr class="invalid">
    <td class="features" style="">
        <span title="smcp=0"></span>
    </td>
</tr>
<tr class="invalid">
    <td class="features" style="">
        <span title="smcp=0"></span>
    </td>
</tr>
<tr class="invalid">
    <td class="features" style="">
        <span title="smcp=0"></span>
        <span title="pcap=0"></span>
    </td>
</tr>
<tr class="invalid">
    <td class="features" style="">
        <span title="smcp=0"></span>
        <span title="c2sc=0"></span>
    </td>
</tr>
<tr class="invalid">
    <td class="features" style="">
        <span title="smcp=0"></span>
    </td>
</tr>
</tbody>
</table>
<table>
<tr>
    <td class="features" style="font-variant-caps: normal;">
        <span title="smcp=0"></span>
    </td>
</tr>
<tr>
    <td class="features" style="font-variant-caps: small-caps;">
        <span title="smcp=1"></span>
        <span title="c2sc=0"></span>
    </td>
</tr>
<tr>
    <td class="features" style="font-variant-caps: all-small-caps;">
        <span title="smcp=1"></span>
        <span title="c2sc=1"></span>
        <span title="pcap=0"></span>
    </td>
</tr>
<tr>
    <td class="features" style="font-variant-caps: petite-caps;">
        <span title="pcap=1"></span>
        <span title="smcp=0"></span>
    </td>
</tr>
<tr>
    <td class="features" style="font-variant-caps: all-petite-caps;">
        <span title="c2pc=1"></span>
        <span title="pcap=1"></span>
        <span title="smcp=0"></span>
    </td>
</tr>
<tr>
    <td class="features" style="font-variant-caps: titling-caps;">
        <span title="titl=1"></span>
        <span title="smcp=0"></span>
    </td>
</tr>
<tr>
    <td class="features" style="font-variant-caps: unicase;">
        <span title="unic=1"></span>
        <span title="titl=0"></span>
    </td>
</tr>
<tr class="invalid">
    <td class="features">
        <span title="smcp=0"></span>
    </td>
</tr>
<tr class="invalid">
    <td class="features">
        <span title="smcp=0"></span>
    </td>
</tr>
<tr class="invalid">
    <td class="features">
        <span title="smcp=0"></span>
        <span title="pcap=0"></span>
    </td>
</tr>
<tr class="invalid">
    <td class="features">
        <span title="smcp=0"></span>
        <span title="c2sc=0"></span>
    </td>
</tr>
<tr class="invalid">
    <td class="features">
        <span title="smcp=0"></span>
    </td>
</tr>
</table>
</div>

</body>
</html>