如何使用html或CSS将全宽日文数字渲染为半角数字

时间:2015-03-09 08:17:47

标签: html css character-encoding localization

我试图将浏览器的语言(chrome)更改为日语后,我的网页中的字符间距有问题。我试图展示的角色只是数字。

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

1 个答案:

答案 0 :(得分: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 Pゴシック", "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>