| <!DOCTYPE html> |
| <meta charset="utf-8"> |
| <link rel="help" href="https://drafts.csswg.org/css-text-4/#text-autospace-property"> |
| <style> |
| @font-face { |
| font-family: ligature-font; |
| src: url('/fonts/Lato-Medium-Liga.ttf'); |
| } |
| #test-container { |
| font-family: ligature-font; |
| font-size: 40px; |
| text-autospace: no-autospace; |
| } |
| .spacing-right { |
| margin-right: 0.125em; |
| } |
| .spacing-left { |
| margin-left: 0.125em; |
| } |
| |
| </style> |
| <div id="test-container"> |
| <div>国<span class="spacing-left">fi</span></div> |
| <div>国fi</div> |
| <div><span class="spacing-right">fi</span>国</div> |
| <div><span>fi</span>国</div> |
| <div>国<span class="spacing-left spacing-right">fi</span>国</div> |
| <div>国<span>fi</span>国</div> |
| </div> |
