Html @字体不显示大写字母“；A「；在某些浏览器中

这里有个奇怪的问题。我正在为一个网站使用

@font-face

，我遇到了一些问题。我最初并没有在Mac上的Chrome上显示大写字母“A”。在明确设置字体重量后，任何高于

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;
}

你可以在这里看到它：

---

感谢您的帮助-

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

解决了这个问题

我使用Zurb的基础框架。他们将此应用于

h1

到

h6

：

text-rendering: optimizeLegibility;

---

评论出来了，瞧

当我浏览你的网站时，我看到你的搜索栏也不工作。谢谢，但它仍然只是一个占位符图像。很多皱纹仍然像那样存在。特别是这个问题实际上是我试图解决的问题，但没有成功。提到的页面没有声明或使用Avenir字体。哎哟。谢谢，抄错了一页。编辑文章以反映变化。有一堆css文件，我们在哪里可以找到您提到的@font-face的代码？还有哪一个实例在firefox中有问题？