字体在 Firefox 中无法正确显示，但在 Chrome 和 IE 中运行正常答案

【问题标题】：Fonts are not displaying properly in Firefox, However in Chrome and IE are working fine字体在 Firefox 中无法正确显示，但在 Chrome 和 IE 中运行正常
【发布时间】：2015-03-18 19:46:39
【问题描述】：

字体使用 Firefox 解压缩，但在 Chrome 和 IE 中字体工作正常。特别是段落字体。请查看我的 HTML 代码。 P.S：Marquee 工作正常，没有问题。提前致谢。

<!DOCTYPE html>
<html lang="en-US">
<head>
<title>STACKFLOW</title>
<style type="text/css">
body {
background-color:#808080;
margin:0;
padding:0;
}
#banner {
width: 75%;
height: 200px;
float: right;
}
img.c1 {width: 1005px; height: 175px; display: block;}
img.c2 {width: 1010px; height: 175px; display: block;}

h1 {
position: absolute;
color: #ffffff;
left: 20px;
top: 0px;
letter-spacing: 5px;
font-size: 50px;
float:left;
}
p.cn {
position: absolute;
color: #ffffff;
font-size: 22px;
letter-spacing: 0.5px;
font-weight: bold;
text-shadow: 0 0 10px #ffd700;
left: 20px;
top: 80px;
float: left;
}
span {color: #ffd700;}
span.g {color:#ffffff; text-shadow: 0 0 10px #ffd700;}
</style>
</head>
<body>
<div id="banner">
<marquee loop="true" direction="up" scrollamount="2"   onmouseover="this.stop();" onmouseout="this.start();">
<img src="handshake1.jpg" alt="hanshake" class="c1"><img src="help.jpg"   alt="help.jpg" class="c1"></img></marquee>
</div>
<h1 class="h1"><span>S</span><span class="g">TACKS</span></h1>
<p class="cn">Network&nbsp;&amp;&nbsp;Community</p>
</body>
</html>

【问题讨论】：

标签： html firefox fonts

【解决方案1】：

你可以添加类似的东西

font-size-adjust: inherit;
font-size-adjust: 0.58;

这应该会有所帮助，您可以在此处查看更多信息：

https://developer.mozilla.org/en-US/docs/Web/CSS/font-size-adjust

【讨论】：

非常感谢 Jon，让我试试这个。但是我的链接有些问题，让我发到另一个线程