css - 使用字体的前卫字体

Question

我正在尝试使用 CSS font face 属性。我已经让它的字体选择了正确的字体，但是它在 Windows 平台上看起来非常前卫。尤其是 Chrome 看起来很糟糕。

使用 OSX 时，所有浏览器都非常完美。

我怎样才能避免这些看起来很糟糕的字体？

在 OSX Chrome 上：

在 Windows Chrome 上：

Answer 1

Segoe 字体已安装在大多数 Windows PC 上。当您还尝试将其与 CSS 链接时，这可能会导致问题。尝试重命名 CSS 中的字体，使其具有与内置 Windows 字体不同的名称。

此外，Chrome 不能很好地呈现 TTF/WOFF 字体。您可以通过优先考虑 SVG 字体（将其放在字体列表中的较高位置）来解决此问题。这将使 Chrome 选择 SVG 字体（但大多数其他浏览器仍将使用 WOFF 字体）。请参阅此处了解更多信息。