hiragana-katakana-kerning-notref.html (895B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8" /> 5 <title>CSS Reference: Hiragana/Katakana kerning</title> 6 <style> 7 @font-face { 8 font-family: "Noto Sans JP"; 9 src: url(resources/NotoSansJP-kana_test-subset.otf); 10 } 11 12 p { 13 position: absolute; 14 top: 0; 15 left: 0; 16 17 font-size: 6em; 18 font-family: "Noto Sans JP"; 19 font-feature-settings: "palt" on; 20 font-kerning: none; 21 22 margin: 1em; 23 } 24 25 .no-kerning-red { 26 color: red; 27 } 28 29 .no-kerning-green { 30 color: green; 31 mix-blend-mode: multiply; 32 } 33 </style> 34 </head> 35 <body> 36 <span> 37 RED or GREEN text is visible if kerning is applying correctly, with only 38 BLACK otherwise: 39 </span> 40 <p class="no-kerning-red">すペ</p> 41 <p class="no-kerning-green">すペ</p> 42 </body> 43 </html>