字体无法正确渲染/显示？

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

正如我们所说，我刚刚收到MyFonts的确认，有时根据使用的字体配置字体略有不同，下载webfont套件时可能需要对Hinting设置进行一些调整。

以下步骤解决了有关字母＆＃39; A＆＃39;现在按预期正确显示：

您可能需要尝试下载配置为使用其他提示设置的网页套件。

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

选择您要使用的网页。

在＆＃39; Hinting＆＃39;子头，选择＆＃39;平滑＆＃39;，＆＃39;原生＆＃39;或＆＃39;无＆＃39; （最好是默认值）。可能需要几次尝试，具体取决于字体及其使用方式。

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

下载新工具包并替换服务器中的现有网络字体/样式表。

Answer 2

试试这个，它修复了我过去的一些字体外观，但它在黑暗中是一种镜头。 “A”真的很奇怪，如果你在你的系统上安装字体并在photoshop或word或其他任何地方使用它，它看起来是否相同？

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