<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<style>
@font-face {
    font-family: 'Litherum';
    src: url("resources/ruby-expansion.svg#Litherum") format(svg);
}
body {
  text-align: justify;
  font: 40px Litherum, 'Lucida Grande';
  -webkit-font-smoothing: none;
  margin: 0px;
}
span {
  color: transparent;
}
div {
  height: 100px;
}
</style>
</head>
<body>
<div>&#x304e; &#x304e; &#x304e; <span>aaaaaaaaaaaaaaaaaaaa</span></div>
<div>&#x304e;<span style="display: inline-block; width: auto; white-space: pre; color: black; margin-left: 13px;">a&#x304e;</span> &#x304e;<span>aaaaaaaaaaaaaaaaaaaa</span></div>
<div>&#x304e;<span style="display: inline-block; width: auto; white-space: pre; color: black; margin-left: 13px;">&#x304e;a</span> &#x304e;<span>aaaaaaaaaaaaaaaaaaaa</span></div>
<div>aaaaa <span>aaaaaaaaaaaaaaaaaaaa</span></div>
<div>aaaaaa a <span>aaaaaaaaaaaaaaaaaaaa</span></div>
</body>
</html>