0

Firefox is not rendering Open Sans semibold properly. But the same code in Chrome renders the font. Font is installed in my system. Is it possible to render it without using font weight property?

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

Santhosh Manikandan
  • 47
  • 1
  • 1
  • 12

2 Answers2

1

Instead of specifying in font-family property passed in font-weight with a value of 600 if font has been installed.

Example:

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

Hope this works..

Khan Afzal
  • 167
  • 1
  • 8
  • Yeah that works properly. But is it possible to do it with just specifying Open Sans Semibold in font family? Google Chrome renders it correctly. – Santhosh Manikandan Feb 27 '17 at 13:01
  • I think you can't use the font-family property to specify the font weight for firefox. Use font-weight instead because it's jobs is used to specify the weight of the font. – Khan Afzal Feb 27 '17 at 13:08
0

try this

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>
sayyednoman
  • 9
  • 3