CODEWITHSUNDEEP
cssfontsgoogle-webfonts
Jason Pearson
Jason Pearson

Reputation: 115

font-weight rendering differently on desktop browsers vs. iOS browsers

I'm using a Google Webfont called Open Sans with font-weight:800 specified for h1 tags. When I view this page on iOS browsers (Chrome and Safari on iPhone or iPad), the font renders more thinly than it renders in desktop browsers. You can see the difference in this screenshot.

I want the font-weight to render the same on all devices, can anyone help me?

My code:

h1 {
    font-weight: 800;
    font-family: 'OpenSans' 
}

<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400,600,800' rel='stylesheet' type='text/css'>

Upvotes: 0

Views: 975

Answers (1)

jgthms
jgthms

Reputation: 864

I believe you're missing a space here:

font-family: 'Open Sans'

Upvotes: 2

Related Questions