Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<meta charset="utf-8">
<style>
@font-face {
font-family: ligature-font;
src: url('../../css-fonts/support/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>