我目前正在重新设计我丈夫的网站，尽管几年前我已经创建了一些基本的网站，但我有点新手，我只是在摸索中…
我有一个字体，我已经通过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'),
;
}
我注意到评论部分说要添加对原始帖子的更改，而不是评论。我读了很多这个论坛，但很明显，我还不熟悉发帖的礼仪。我愿意接受更正或建议。
您可以尝试仅使用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。如果行高不起作用，你可以尝试边距、填充甚至边框(也许是透明的)。我不应该建议这样做，因为即使它是合法的代码，它也不受欢迎；你可以用一个负的保证金，但每个人都说这有点离谱。
在我的案例中，对于这个问题，"Fontie"是一个很好的解决方案；你需要上传你的字体，然后在"优化垂直"下检查"简化垂直"指标的子选项