fwid-spaces.html (804B)
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 7 <style type="text/css"> 8 9 body { 10 margin: 5px; 11 } 12 13 #test, #test pre { 14 font: 150% Hiragino Maru Gothic ProN, Meiryo, Yu Gothic, sans-serif; 15 -webkit-font-feature-settings: "fwid" on; 16 font-feature-settings: "fwid" on; 17 } 18 19 #test pre span { 20 background-color: red; 21 } 22 23 pre { 24 margin: 0; 25 padding: 0; 26 } 27 </style> 28 29 </head> 30 <body> 31 <p>Rows should all be the same length:</p> 32 <div id="test"> 33 <pre><span> a b c A B C </span></pre> 34 <pre><span>　a　b　c　A　B　C　</span></pre> 35 <pre><span>ba bA bb bB c</span></pre> 36 <pre><span>ba　bA　bb　bB　c</span></pre> 37 </div> 38 </body> 39 </html>