Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<html lang="en">
<!-- lang=en will result in a mix of western and japanese fonts -->
<meta charset="utf-8">
<style>
body {
font: 16px/2 sans-serif;
}
.test {
font: 32px sans-serif;
text-decoration: 2px red underline;
text-underline-offset: -1px; /* make underline clash with digits etc */
text-decoration-skip-ink: none;
}
</style>
<div>The underline should not skip-ink in Japanese runs, even on embedded "common" characters:</div>
<div class=test>黄砂情報 実況図 / 予測図</div>
<div class=test>気象衛星 10分ごと / 2.5分ごと</div>
<div class=test>レーダー•ナウキャスト(降水•雷•竜巻)</div>