Search code examples
csssafarisasssafari-web-inspector

font-weight 300 makes text italic in safari

I'm importing

@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900')

and using

body {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
}

and I end with having all my text italic in Safari on my iMac. In Safari on my MacBook (exact same version) or in Chrome on my iMac it is normal as it should. I don't load any extra stylesheet in the Safari Extensions. What could lead to this italic text?

Solution

  • Try using

    font-style: normal;

    This may solve your issue.

    Ref: https://www.w3schools.com/cssref/pr_font_font-style.asp