html - 仅在 Firefox 中 Font Squirrel 生成的字体有额外的行空间问题

Question

我目前正在重新设计我丈夫的网站，虽然我在几年前创建了一些基本网站，但我还是个新手，我只是边做边想……

我通过 Font Squirrel 使用了一种字体，但我对它在 Firefox 中的显示方式有疑问。 Safari 和 Chrome 似乎运行良好。第一行文本在其上方添加了额外的空间。它是一种显示字体，我在我网站的许多不同区域使用过它，包括导航栏和许多图形和标题(本身不是 h1 或 h2 标签，而是许多 div)——我使用的一段(在索引页上的侧边栏)仅将空间放在第一行上方。这完全打乱了我网站的布局，我找不到另一种适合该设计的字体。

我试过将行高设置为 1.2，我也试过我在这个网站上找到的 reset.css，但这些似乎都不起作用。我的页面上已经包含了我正在使用的 CSS 手册中推荐的 CSS 重置。

此外，索引页面的 CSS 仍然是内部的，因此如果您查看源代码，您可以看到它。 (我还没有清理它，所以它可能看起来有点杂乱无章。)

测试站点的链接在这里:

http://www.californiaclassix.com/test/cc-indextest.html

这是 CSS:

@font-face {
  font-family: 'KenyanCoffeeRg-Regular';
  src: url('fonts/304BD0_0_0.eot');
  src: url('fonts/304BD0_0_0.eot?#iefix') format('embedded-opentype'),
  url('fonts/304BD0_0_0.woff2') format('woff2'),
  url('fonts/304BD0_0_0.woff') format('woff'),
  url('fonts/304BD0_0_0.ttf') format('truetype');
  }

我用过的几个样式:

.navbar { 
  font-family: KenyanCoffeeRg-Regular;
  font-size: 22px;
  width: 100%;
  height: 33px;
  background-color: rgb(25,25,25);
  color: white;
  text-align: right;
  padding-top: 3px;
  padding-right: 0px;
  }

.lgredtext {
  font-family: KenyanCoffeeRg-Regular;
  font-size: 60px;
  color: rgb(222,59,33);
  }

.lgredtext 类用于页面右侧第二个框中的单词“SHOWROOM”。

我不知道在这里包含 html 是否有帮助。同样，仅在实际页面上查看源代码可能更容易。它很长，但我会在上线前将 CSS 放在外部工作表上。

如果我没有提供足够的信息，请告诉我。正如我所说，我是新手，我不确定需要什么才能弄清楚这个问题。

提前致谢。

编辑:@Mike 'Pomax' Kamermans，那么，我的代码会像这样吗？

 @font-face {
  font-family: 'KenyanCoffeeRg-Regular';
  src: url('fonts/304BD0_0_0.woff2') format('woff2'),
  url('fonts/304BD0_0_0.woff') format('woff'),
  ;
  }

我注意到评论部分说要对原始帖子进行更改而不是评论。我已经阅读了很多这个论坛，但显然，我还不熟悉发帖礼仪。我愿意接受更正或建议。

Answer 1

您可以尝试仅使用 Firefox 的样式。它看起来像这样:

.lgredtext {
  font-family: KenyanCoffeeRg-Regular;
  font-size: 60px;
  color: rgb(222,59,33);
}

_:-moz-tree-row(hover), .lgredtext{
    font-family: KenyanCoffeeRg-Regular;
   font-size: 60px;
   color: rgb(222,59,33);
   line-height:1.2;
}

请不要问“下划线、冒号、破折号、moz 等等”是如何工作的。我不知道它的目标是什么，但它适用于 FF。如果行高不起作用，您可以尝试边距、填充甚至边框(可能是透明的)。我不应该建议这样做，因为它不受欢迎，即使它是合法代码；您可以使用负边距，但每个人都说这有点老套。