Question

字体用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>

Answer 1

您可以添加类似

的内容

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

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

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

字体在Firefox中无法正常显示，但在Chrome和IE中工作正常

1 个答案: