特定字体仅在Firefox中具有错误的下划线-错误在哪里，以及如何解决？

Question

问题

特定字体（Concert One from Google Fonts）仅在Firefox中表现不佳。下划线时，下划线由于太高而显示为删除线。

示例

这是我最小的，可复制的示例：

<!DOCTYPE html>
<html lang="en-us">
    <head>
        <link href="https://fonts.googleapis.com/css?family=Concert+One&display=swap" rel="stylesheet">
    </head>

    <body>
        <u style="font-family: 'Concert One'">Underline too high</u>
    </body>
</html>

这是Safari中的外观（与Chrome中的外观相同，这是预期的外观：

这就是它在Firefox中的显示方式：

[两个屏幕截图均在macOS版本10.15 (19A583)中拍摄。 Firefox版本为69.0.2 (64-bit)。

问题

原因是什么？我认为可能是以下任何一种，可能不止一个：
- 我的示例中的问题
- 配置错误/错误的字体文件
- Firefox中的错误
如果问题不在我的示例中，我想将此行为报告给适当的参与者。我对字体或浏览器渲染了解不多，所以我很难确定这里发生了什么。
如果不是我的示例中的问题，是否有解决方法可以让我继续使用该特定字体，并使其在Firefox中正确显示？

Answer 1

从Firefox 70开始，此问题已解决，可能是由于compositor improvements on macOS，或者是因为“现在对包含链接的下划线或上划线文本的可读性有了很大提高。现在，这些行将被打断，而不是跨过一个字形。“

感谢Mr Lister表示noticing that this would be fixed in future Firefox versions。

特定字体仅在Firefox中具有错误的下划线-错误在哪里，以及如何解决？

问题描述投票：1回答：1

问题

示例

问题

1个回答

最新问题

特定字体仅在Firefox中具有错误的下划线-错误在哪里，以及如何解决？

问题描述 投票：1回答：1

问题

示例

问题

1个回答

最新问题

问题描述投票：1回答：1