third_party/WebKit/LayoutTests/fast/text/font-ligatures-linebreak-word.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: 1.4em;
  34 background-color: lightpink;
  35 word-wrap: break-word;
  36 }
  37
  38 </style>
  39 </head>
  40
  41 <body>
  42 <div class="dlig container">CACA</div>
  43
  44 <div id="log"></div>
  45 <script>
  46   setup({ explicit_done: true });
  47   window.addEventListener("load", function() {
  48     test(function(){
  49       assert_true(document.querySelector('.dlig').clientHeight <= 24, "Two ligatures laid out in one line.");
  50     }, "Word expected to be laid out in one line.");
  51     done();
  52   });
  53 </script>
  54
  55 </body></html>