layout/reftests/font-features/font-features-across-space-1.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <head>
   4 <title>ligature-across-space test</title>
   5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   6 <style type="text/css">
   7 @font-face {
   8   font-family: ligsym;
   9   src: url(../fonts/LigatureSymbolsWithSpaces.woff);
  10 }
  11
  12 td {
  13   padding: 10px 5px;
  14 }
  15
  16 .test {
  17   font-family: ligsym;
  18   font-size: 150%;
  19   -webkit-font-feature-settings: "liga" on;
  20   -o-font-feature-settings: "liga" on;
  21   font-feature-settings: "liga" on;
  22 }
  23 </style>
  24 </head>
  25
  26 <body>
  27
  28 <table>
  29 <tr><td>calendar</td><td class="test">calendar</td></tr>
  30 <tr><td>daily calendar</td><td class="test">daily calendar</td></tr>
  31 <tr><td>align left</td><td class="test">align left</td></tr>
  32 <tr><td>align center</td><td class="test">align center</td></tr>
  33 <tr><td>align right</td><td class="test">align right</td></tr>
  34 <tr><td>volume</td><td class="test">volume</td></tr>
  35 <tr><td>volume down</td><td class="test">volume down</td></tr>
  36 <tr><td>volume up</td><td class="test">volume up</td></tr>
  37 <tr><td>zoom in</td><td class="test">zoom in</td></tr>
  38 <tr><td>zoom out</td><td class="test">zoom out</td></tr>
  39 <tr><td>heart</td><td class="test">heart</td></tr>
  40 <tr><td>heart empty</td><td class="test">heart empty</td></tr>
  41 </table>
  42
  43 </body>
  44 </html>