tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

text-spacing-trim-dynamic-001.html (1041B)

      1 <!DOCTYPE html>
      2 <meta charset="utf-8">
      3 <link rel="help" href="https://drafts.csswg.org/css-text-4/#text-spacing-trim-property">
      4 <link rel="match" href="text-spacing-trim-space-all-001-ref.html">
      5 <meta name="variant" content="?class=halt">
      6 <meta name="variant" content="?class=chws">
      7 <script src="support/variant-class.js"></script>
      8 <style>
      9 @font-face {
     10  font-family: halt-font;
     11  src: url('/fonts/noto/cjk/NotoSansCJKjp-Regular-subset-halt.otf');
     12 }
     13 @font-face {
     14  font-family: chws-font;
     15  src: url('/fonts/noto/cjk/NotoSansCJKjp-Regular-subset-chws.otf');
     16 }
     17 #container {
     18  font-family: halt-font;
     19  font-size: 20px;
     20  width: 4em;
     21 }
     22 .chws #container {
     23  font-family: chws-font;
     24 }
     25 #container > div > span {
     26  background: black;
     27 }
     28 .off {
     29  text-spacing-trim: space-all;
     30 }
     31 </style>
     32 <div id="container">
     33  <div><span>国）（国国（（国（国</span></div>
     34 </div>
     35 <script>
     36 document.fonts.ready.then(() => {
     37  document.body.offsetTop;
     38  const container = document.getElementById('container');
     39  container.classList.add('off');
     40 });
     41 </script>