Question

Firefox无法正确呈现Open Sans半框架。但Chrome中的相同代码会呈现字体。字体安装在我的系统中。是否可以在不使用字体粗细属性的情况下渲染它？

<html>
<style>
p{
font-family:"Open Sans Semibold"; }
</style>
<body>
<p >test</p>
</body>
</html>

Answer 1

如果已安装字体，则不要在font-family中传入font-weight属性，而值为600。

示例：

p {
font-family: 'Open Sans',sans-serif;
font-weight:600;
}

希望这有效..

Answer 2

试试这个

body{font-family:"Open Sans"}
h1{font-weight:400}
h2{font-weight:600}
h3{font-weight:700}

<html>
<head>
	<title></title>
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
</head>
<body>
  <h1>Test one</h1>
  <h2>Test two</h2>
  <h3>Test three</h3>
</body>
</html>

如何在不使用font weight属性的情况下在firefox中渲染Open Sans Semibold

2 个答案: