| <!DOCTYPE html> |
| <html> |
| <head> |
| <title>Ligature Linebreaking</title> |
| <script src="../../resources/testharness.js"></script> |
| <script src="../../resources/testharnessreport.js"></script> |
| |
| <style type="text/css"> |
| @font-face { |
| font-family: megalopolis; |
| src: url(../../third_party/MEgalopolis/MEgalopolisExtra.woff) format("woff"); |
| } |
| |
| body { |
| font-family: megalopolis, sans-serif; |
| } |
| |
| .dlig { |
| -moz-font-feature-settings:"frac" 1, "dlig" 1; |
| -moz-font-feature-settings:"frac=1, dlig=1"; |
| -ms-font-feature-settings:"frac" 1, "dlig" 1; |
| -o-font-feature-settings:"frac" 1, "dlig" 1; |
| -webkit-font-feature-settings:"frac" 1, "dlig" 1; |
| font-feature-settings:"frac" 1, "dlig" 1; |
| font-size: 24px; |
| line-height: 100%; |
| padding: 0px; |
| } |
| |
| p { font-family: serif; font-style: italic; } |
| |
| .container { |
| width: 180px; |
| background-color: lightpink; |
| } |
| |
| </style> |
| </head> |
| |
| <body> |
| <div class="dlig container" >CACACACA CACACACA</div> |
| |
| <div id="log"></div> |
| <script> |
| setup({ explicit_done: true }); |
| window.addEventListener("load", function() { |
| test(function(){ |
| assert_true(document.querySelector('.dlig').clientHeight <= 24, "Ligature words laid out in one line."); |
| }, "Words expected to be laid out in one line."); |
| done(); |
| }); |
| </script> |
| |
| </body></html> |
