特殊字符的字体大小CSS不正确

Question

帮助减少特殊字符到其他字符的大小。 出现这种带有特殊字符的文本，它们不会随着CSS font-size：12px;而减小。 超越。

hoWhoOtyLand¯_（ツ）_ /¯⎛⎝snap：delilahd26⎠⎞TEST.xas

解决该问题的方法是什么？

Answer 1

您使用什么字体？ 这就是我将为此构建测试区域的方式：

我不确定您的问题是什么。 请尝试澄清。 :)

https://jsfiddle.net/sheriffderek/Lgk3zt5p/

这似乎可行...

内容

<p class='five'>
  5 ➓WhoOtyLand ¯_(ツ)_/¯ ⎛⎝snap:delilahd26⎠⎞TEST.xas
</p>


<p class='ten'>
  10 ➓WhoOtyLand ¯_(ツ)_/¯ ⎛⎝snap:delilahd26⎠⎞TEST.xas
</p>


<p class='twenty'>
  20 ➓WhoOtyLand ¯_(ツ)_/¯ ⎛⎝snap:delilahd26⎠⎞TEST.xas
</p>


<p class='fourty'>
  30 ➓WhoOtyLand ¯_(ツ)_/¯ ⎛⎝snap:delilahd26⎠⎞TEST.xas
</p>

样式

body {
  font-size: 16px;
}

.five {
  font-size: 5px;
}

.ten {
  font-size: 10px;
}

.twenty {
  font-size: 30px;
}

.fourty {
  font-size: 40px;
}