CODEWITHSUNDEEP
htmlcssgoogle-chromefirefoxfonts
Santhosh Manikandan
Santhosh Manikandan

Reputation: 47

How to render Open Sans Semibold in firefox without using font weight property

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>

Upvotes: 0

Views: 1948

Answers (2)

sayyednoman
sayyednoman

Reputation: 9

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>

Upvotes: 0

Khan Afzal
Khan Afzal

Reputation: 167

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..

Upvotes: 1

Related Questions