| <style> |
| div { |
| font-family: baskerville; |
| width: 245px; |
| border: solid blue; |
| margin: 10px 0; |
| } |
| div.optimizelegibility { |
| text-rendering: optimizelegibility; |
| border-color: red; |
| } |
| </style> |
| <p> |
| Test for <i><a href="https://bugs.webkit.org/show_bug.cgi?id=32794">https://bugs.webkit.org/show_bug.cgi?id=32794</a> |
| With text-rendering: optimizelegibility, sometimes lines run too long</i>. |
| </p> |
| <p> |
| Text should not overflow any of these boxes. The terminal of the f |
| may overlap the border. |
| </p> |
| <div style="text-align: justify;">maintenance of the balance of power in</div> |
| <div class="optimizelegibility" style="text-align: justify;">maintenance of the balance of power in</div> |
| <div>maintenance of the balance of power in</div> |
| <div class="optimizelegibility">maintenance of the balance of power in</div> |
| <div>f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f</div> |
| <div class="optimizelegibility">f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f f</div> |
