字体 rendering/displaying 不正确？

Question

我向社区询问是否有人在他们的网站上嵌入字体时遇到过任何问题并且结果变得很糟糕？所有未绑定到特定浏览器的最新浏览器都是这种情况...

尝试添加某些 css 规则来更改字体粗细、样式、平滑度等，但似乎对字体没有任何影响，有什么想法吗？

您会注意到字母 'A' 不是它应有的样子，但正确的字体类型加载没有问题。

可以找到字体 here

截图

内嵌字体CSS

@font-face {
    font-family: 'Linotte Semi Bold';
    src: url('/fonts/linotte-semi-bold.eot');
    src: url('/fonts/linotte-semi-bold.eot?#iefix') format('embedded-opentype'), 
         url('/fonts/linotte-semi-bold.woff2') format('woff2'), 
         url('/fonts/linotte-semi-bold.woff') format('woff'), 
         url('/fonts/linotte-semi-bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

Answer 1

试试这个，它修复了我过去的一些字体外观，但它是在黑暗中拍摄的。那个"A"真的很奇怪，如果你在你的系统上安装这个字体，然后在photoshop或word或其他任何东西中使用它看起来一样吗？

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

Answer 2

就在我们说话的时候，我刚刚收到 MyFonts 的确认，有时字体的配置会根据使用的字体略有不同，并且在下载 webfont 工具包时可能需要对提示设置进行一些调整。

以下步骤解决了有关字母 'A' 的问题，现在可以按预期正确显示：

您可能想尝试下载配置为使用不同提示设置的网络字体工具包。

只需登录您的 MyFonts 订单历史记录：https://www.myfonts.com/my/orders/kitbuild.html

Select 您要使用的网络字体。

在 'Hinting' sub-head、select、'Smooth'、'Native' 或 'None' 下（最佳为默认值）。可能需要尝试几次，具体取决于字体及其使用方式。

默认情况下，自定义 Webfont Kit Builder 将 select 一个 CSS 脚本。如果您更喜欢使用 JS，只需更改页面底部的此选项即可。

下载新工具包并替换服务器中现有的 webfonts/stylesheet。

字体 rendering/displaying 不正确？

Font not rendering/displaying correctly?

css

fonts

webfonts

font-face