testing/web-platform/tests/css/css-text/hyphens/reference/hyphens-character-ref.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

<!doctype html>
<html lang="en" class="reftest-wait">
  <link rel="author" title="Dominik Röttsches" href="mailto:drott@chromium.org">
    <meta charset="utf-8" />
    <style>
        @font-face {
            font-family: roboto_hyphen;
            src: url(../resources/roboto_hyphenation_subset.ttf)
        }

        div {
        width: 30px;
            hyphens: auto;
            -webkit-hyphens: auto;
            font-family: roboto_hyphen, cursive;
        }
    </style>
  <body>
    <div>
    Do-<br>
    nau-<br>
    dampf-<br>
    schiff-<br>
    fahrt
    </div>
    <script>
    document.fonts.ready.then(
      () => { document.documentElement.classList.remove("reftest-wait"); });
    </script>
  </body>
</html>