html - 如何使用 html 或 CSS 将全 Angular 日文数字呈现为半 Angular 数字

Question

您好，在我尝试将浏览器 (chrome) 的语言更改为日语后，我的网页中出现了字符间距问题。我试图显示的字符只是数字。

我认为这是因为日语使用全 Angular 字符。那么我该如何强制 html 或 CSS 使用半 Angular 字符呢？

Answer 1

有趣的是:

我建议您为数字创建一个可重用的类。

html:

<div> おはようございます <span class="fix">123456789 10</span></div>

CSS

.fix {
    letter-spacing: -1px;
}

.normal {
    background-color: GhostWhite;
}

.spesial {
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  border: 1px solid red;
}
span.fix {
  letter-spacing: -1px;
}

<div class="normal">
  Good morning<br>
  123456789 10
</div>

<div class="spesial">
  123456789 10 &lt;--problem<br>
  おはようございます<br>
  <span class="fix"> 123456789 10 </span> &lt;-- fix
</div>