third_party/WebKit/LayoutTests/fast/text/font-variant-ligatures.html

   1 <style>
   2     @font-face {
   3         font-family: megalopolis;
   4         src: url(../../third_party/MEgalopolis/MEgalopolisExtra.woff) format("woff");
   5     }
   6     @font-face {
   7         font-family: libertine;
   8         src: url(../../third_party/Libertine/LinLibertine_R.woff) format("woff");
   9     }
  10     body { font-size: 36px; font-family: megalopolis, 'DejaVu Sans', Times; font-kerning: none; }
  11     .common-ligatures-disabled { font-variant-ligatures: no-common-ligatures; }
  12     .common-ligatures-enabled { font-variant-ligatures: common-ligatures; }
  13     .common-ligatures-normal { font-variant-ligatures: normal; }
  14     .discretionary-ligatures-disabled { font-variant-ligatures: no-discretionary-ligatures; }
  15     .discretionary-ligatures-enabled { font-variant-ligatures: discretionary-ligatures; }
  16     .historical-ligatures-disabled { font-variant-ligatures: no-historical-ligatures; }
  17     .historical-ligatures-enabled { font-variant-ligatures: historical-ligatures; }
  18 </style>
  19 <body>
  20     <div>
  21         <div class="common-ligatures-disabled">file</div>
  22         <div class="common-ligatures-normal">file</div>
  23         <div class="common-ligatures-enabled">file</div>
  24     </div>
  25     <div style="text-rendering: optimizelegibility">
  26         <div class="common-ligatures-disabled">file</div>
  27         <div class="common-ligatures-normal">file</div>
  28         <div class="common-ligatures-enabled">file</div>
  29     </div>
  30     <div>
  31         <div class="discretionary-ligatures-disabled">ABRACADABRA</div>
  32         <div class="discretionary-ligatures-enabled">ABRACADABRA</div>
  33     </div>
  34     <div style="font-family: libertine">
  35         <div class="historical-ligatures-disabled">activist</div>
  36         <div class="historical-ligatures-enabled">activist</div>
  37     </div>
  38 </body>