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