[我将Google的Open Sans网络字体用作我网站上的主要字体,并且在将(~)
用作13px
时,它将所有波浪号字符font-size
渲染为普通破折号
是否有一种方法可以解决此问题而不增加font-size
?
使用全角波浪号字符。
全角瓷砖:〜
常规波浪号:〜
HTML转义码:~ ~
好的,我发现解决此问题的方法很少。
<em>~</em>
<< img src =“ https://image.soinside.com/eyJ1cmwiOiAiaHR0cHM6Ly9pLnN0YWNrLmltZ3VyLmNvbS9SMXdYZC5qcGcifQ==” alt =“与em固定的波浪号”>
<span class='tilde'>~</span>
并应用如下所示的CSS:.tilde { font-size: 14px !important; }
<< img src =“ https://image.soinside.com/eyJ1cmwiOiAiaHR0cHM6Ly9pLnN0YWNrLmltZ3VyLmNvbS9RMm5FMS5qcGcifQ==” alt =“固定跨度的波浪号”>
It's a known bug in Open Sans.显然是在两年前的明天内部修复,并将在“希望在2020年第一季度发布”。
FWIW,我在2、7和10处的MS Office中看到相同的问题,但在13处没有。
您可以尝试使用其他字体或字体系列。例如,以下代码在13px
中解决了此问题:
font-family: cursive;