Google Font not working on Safari

by

Your CSS should not only contain

font-family: 'Source Sans Pro', sans-serif;

it should also have values for FONT-STYLE and FONT-WEIGHT:

font-family: 'Source Sans Pro', sans-serif; 
font-weight: 900; 
font-style: italic;

in case you use a font that contains those values like for example:
https://fonts.googleapis.com/css?family=Source+Sans+Pro:900italic

More Related Contents:

  1. How can I force WebKit to redraw/repaint to propagate style changes?
  2. is there a css hack for safari only NOT chrome?
  3. How to remove the border highlight on an input text element
  4. CSS3 animation not working in safari
  5. :not() selector not behaving the same between Safari and Chrome/Firefox
  6. Is there a CSS hack to affect Safari only NOT Chrome?
  7. Webkit bug with `:hover` and multiple adjacent-sibling selectors
  8. How to force re-render after a WebKit 3D transform in Safari
  9. How can I remove the gloss on a select element in Safari on Mac?
  10. Bug in CSS3 rotateY transition on Safari?
  11. Is there a way to apply styles to Safari only?
  12. How to detect if the OS is in dark mode in browsers?
  13. Some font-size’s rendered larger on Safari (iPhone)
  14. Safari/Chrome (Webkit) – Cannot hide iframe vertical scrollbar
  15. How to make radial gradients work in Safari?
  16. Font weight turns lighter on Mac/Safari
  17. iOS 7 iPad Safari Landscape innerHeight/outerHeight layout issue
  18. WebKit CSS content Unicode bug?
  19. Chrome & Safari Error::Not allowed to load local resource: file:///D:/CSS/Style.css
  20. Row Wrap in flex-box not wrapping in Safari
  21. Why is filter(drop-shadow) causing my SVG to disappear in Safari?
  22. CSS background-position not working in Mobile Safari (iPhone/iPad)
  23. Why on Safari the transform translate doesn’t work correctly?
  24. (Really) Long Background Image Does Not Render on iPad Safari
  25. Rotated elements in CSS that affect their parent’s height correctly
  26. What has bigger priority: opacity or z-index in browsers?
  27. Bootstrap 3 – disable navbar collapse
  28. less.js not working in chrome
  29. How to reset/remove CSS styles for a specific element or selector only
  30. CSS Background-Image refuses to display in ASP.Net MVC

Leave a Comment