Google网络字体,当字体大小为13px时,Open Sans的波浪线渲染为dhash

问题描述 投票:3回答:4

[我将Google的Open Sans网络字体用作我网站上的主要字体,并且在将(~)用作13px时,它将所有波浪号字符font-size渲染为普通破折号

“破折号”

是否有一种方法可以解决此问题而不增加font-size

webfonts
4个回答
3
投票

使用全角波浪号字符。

全角瓷砖:〜

常规波浪号:〜

HTML转义码:~ ~

http://www.charbase.com/ff5e-unicode-fullwidth-tilde


2
投票

好的,我发现解决此问题的方法很少。

  1. 使用<em>~</em>

<< img src =“ https://image.soinside.com/eyJ1cmwiOiAiaHR0cHM6Ly9pLnN0YWNrLmltZ3VyLmNvbS9SMXdYZC5qcGcifQ==” alt =“与em固定的波浪号”>

  1. 使用<span class='tilde'>~</span>并应用如下所示的CSS:

.tilde { font-size: 14px !important; }

<< img src =“ https://image.soinside.com/eyJ1cmwiOiAiaHR0cHM6Ly9pLnN0YWNrLmltZ3VyLmNvbS9RMm5FMS5qcGcifQ==” alt =“固定跨度的波浪号”>


0
投票

It's a known bug in Open Sans.显然是在两年前的明天内部修复,并将在“希望在2020年第一季度发布”。

FWIW,我在2、7和10处的MS Office中看到相同的问题,但在13处没有。


-1
投票

您可以尝试使用其他字体或字体系列。例如,以下代码在13px中解决了此问题:

font-family: cursive;
© www.soinside.com 2019 - 2024. All rights reserved.