Question

这里有个奇怪的问题。我正在使用@font-face来访问某个网站，但我遇到了一些问题。我最初没有获得资金“A”来在Mac上的Chrome中显示。明确设置字体权重后，300以上的任何内容，都很好。

然而，现在，我发现它出现在Firefox和我的客户端机器上的各种浏览器中。

这是我的代码：

@font-face {
    font-family: 'Avenir';
    src: url('../fonts/tricky.eot');
    src: url('../fonts/tricky.eot?#iefix') format('embedded-opentype'),
         url('../fonts/tricky.woff') format('woff'),
         url('../fonts/tricky.ttf') format('truetype'),
         url('../fonts/tricky.svg#ModernPictogramsNormal') format('svg');
    font-weight: 300;
    font-style: normal;
}

你可以在这里看到它：http://infirmaryhealth.mdidev.com/

感谢您的帮助 -

Answer 1

弄明白了这个问题。

我使用的是Zurb的Foundation框架。他们将此应用于h1到h6：

text-rendering: optimizeLegibility;

评论出来，瞧瞧！

Answer 2

尝试将font-weight设置为normal（与将其设置为400相同）。这是fontsquirrel @ font-face生成器在转换字体后所做的事情，它一直适用于我。

@ Font-face在某些浏览器中没有显示大写字母“A”

2 个答案: