css - 字体未正确呈现/显示？

Question

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

尝试添加某些 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 的确认，有时字体的配置会根据使用的字体略有不同，并且在下载网络字体工具包时可能需要对提示设置进行一些调整。

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

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

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

选择您要使用的网络字体。

在“提示”子标题下，选择“平滑”、“原生”或“无”(默认为最佳)。可能需要尝试几次，具体取决于字体及其使用方式。

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

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