third_party/WebKit/LayoutTests/fast/text/font-ligature-letter-spacing.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
   5 <title>Letter spacing and Ligature</title>
   6
   7 <style type="text/css">
   8 @font-face {
   9   font-family: megalopolis;
  10   src: url(../../third_party/MEgalopolis/MEgalopolisExtra.woff) format("woff");
  11 }
  12
  13 .dligDiv {
  14 -moz-font-feature-settings:"frac" 1, "dlig" 1;
  15 -moz-font-feature-settings:"frac=1, dlig=1";
  16 -ms-font-feature-settings:"frac" 1, "dlig" 1;
  17 -o-font-feature-settings:"frac" 1, "dlig" 1;
  18 -webkit-font-feature-settings:"frac" 1, "dlig" 1;
  19 font-feature-settings:"frac" 1, "dlig" 1;
  20 }
  21
  22 .fontVariantDiv {
  23 font-variant-ligatures: discretionary-ligatures;
  24 }
  25
  26 .common {
  27 font-size: 24px;
  28 line-height: 100%;
  29 padding: 0px;
  30 letter-spacing:20px;
  31 font-family: megalopolis;
  32 }
  33
  34 p { font-family: serif; font-style: italic; }
  35 </style>
  36
  37 <script src="../../resources/testharness.js"></script>
  38 <script src="../../resources/testharnessreport.js"></script>
  39 <script>
  40     setup({ explicit_done: true });
  41     function testLetterSpaceAndLigature(element) {
  42         var elementWidthWithLigatureAndLetterSpacing = element.getBoundingClientRect().width;
  43         var elementWidthWithLetterSpacing = letterSpace.getBoundingClientRect().width;
  44         test(function() {
  45             assert_equals(elementWidthWithLigatureAndLetterSpacing, elementWidthWithLetterSpacing, "Ligature not applied due to letter spacing.");
  46             }, "Ligature expected not to be applied due to letter spacing.");
  47     }
  48
  49     function runTest() {
  50         testLetterSpaceAndLigature(dligSpan);
  51         testLetterSpaceAndLigature(fontVariantSpan);
  52         done();
  53     }
  54 </script>
  55 </head>
  56 <body onload="runTest();">
  57 <div class="dligDiv common">
  58     <span id="dligSpan">CACACACA</span>
  59 </div>
  60
  61 <div class="fontVariantDiv common">
  62     <span id="fontVariantSpan">CACACACA</span>
  63 </div>
  64
  65 <div class="common">
  66     <span id="letterSpace">CACACACA</span>
  67 </div>
  68 </body>
  69 </html>