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

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4   <title>Ligature Linebreaking</title>
   5   <script src="../../resources/testharness.js"></script>
   6   <script src="../../resources/testharnessreport.js"></script>
   7
   8 <style type="text/css">
   9 @font-face {
  10   font-family: megalopolis;
  11   src: url(../../third_party/MEgalopolis/MEgalopolisExtra.woff) format("woff");
  12 }
  13
  14 body {
  15 font-family: megalopolis, sans-serif;
  16 }
  17
  18 .dlig {
  19 -moz-font-feature-settings:"frac" 1, "dlig" 1;
  20 -moz-font-feature-settings:"frac=1, dlig=1";
  21 -ms-font-feature-settings:"frac" 1, "dlig" 1;
  22 -o-font-feature-settings:"frac" 1, "dlig" 1;
  23 -webkit-font-feature-settings:"frac" 1, "dlig" 1;
  24 font-feature-settings:"frac" 1, "dlig" 1;
  25 font-size: 24px;
  26 line-height: 100%;
  27 padding: 0px;
  28 }
  29
  30 p { font-family: serif; font-style: italic; }
  31
  32 .container {
  33 width: 180px;
  34 background-color: lightpink;
  35 }
  36
  37 </style>
  38 </head>
  39
  40 <body>
  41 <div class="dlig container" >CACACACA CACACACA</div>
  42
  43 <div id="log"></div>
  44 <script>
  45   setup({ explicit_done: true });
  46   window.addEventListener("load", function() {
  47     test(function(){
  48       assert_true(document.querySelector('.dlig').clientHeight <= 24, "Ligature words laid out in one line.");
  49     }, "Words expected to be laid out in one line.");
  50     done();
  51   });
  52 </script>
  53
  54 </body></html>