fwid-spaces.html 804 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. <!DOCTYPE HTML>
  2. <html lang="ja">
  3. <head>
  4. <title>Full-width variations of regular spaces</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <style type="text/css">
  7. body {
  8. margin: 5px;
  9. }
  10. #test, #test pre {
  11. font: 150% Hiragino Kaku Gothic ProN, Meiryo, Yu Gothic, sans-serif;
  12. -webkit-font-feature-settings: "fwid" on;
  13. font-feature-settings: "fwid" on;
  14. }
  15. #test pre span {
  16. background-color: red;
  17. }
  18. pre {
  19. margin: 0;
  20. padding: 0;
  21. }
  22. </style>
  23. </head>
  24. <body>
  25. <p>Rows should all be the same length:</p>
  26. <div id="test">
  27. <pre><span> a b c A B C </span></pre>
  28. <pre><span>&#x3000;a&#x3000;b&#x3000;c&#x3000;A&#x3000;B&#x3000;C&#x3000;</span></pre>
  29. <pre><span>ba bA bb bB c</span></pre>
  30. <pre><span>ba&#x3000;bA&#x3000;bb&#x3000;bB&#x3000;c</span></pre>
  31. </div>
  32. </body>
  33. </html>