<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Bug 1288255 - Wrong line breaking due to cached hyphen width</title>
  <style>
    @font-face {
      font-family: LongHyphenTest;
      src: url(LongHyphenTest.woff2);
    }
    #test {
      font: 16px/2 LongHyphenTest;
      width: 14em;
      border: 1px solid blue;
    }
  </style>
</head>
<body>
  <p>Test passes if there are two lines each has three rectangles:</p>
  <div id="test">
    XXX XXX XXX<br>XXX XXX XXX
  </div>
</body>
</html>