Font weight turns lighter on Mac/Safari

by

So I fixed my problem with applying:

body {
    -webkit-font-smoothing: subpixel-antialiased;
}

Now my font is consistent on every browsers.

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. Browsers’ default CSS stylesheets
  5. CSS Font Border?
  6. CSS3 animation not working in safari
  7. Why should we include ttf, eot, woff, svg,… in a font-face
  8. Is there a CSS hack to affect Safari only NOT Chrome?
  9. How to import fonts in CSS?
  10. Webkit bug with `:hover` and multiple adjacent-sibling selectors
  11. How is font size calculated?
  12. Converting and rendering web fonts to base64 – keep original look
  13. Multiple font-weights, one @font-face query
  14. Force Non-Monospace Font into Fixed Width Using CSS
  15. Fonts looks different in Firefox and Chrome
  16. Fallback fonts on special characters
  17. Specifying Style and Weight for Google Fonts
  18. Bug in CSS3 rotateY transition on Safari?
  19. Is there a way to apply styles to Safari only?
  20. How to detect if the OS is in dark mode in browsers?
  21. Some font-size’s rendered larger on Safari (iPhone)
  22. How to add fonts to create-react-app based projects?
  23. Forcing anti-aliasing using css: Is this a myth?
  24. How to make radial gradients work in Safari?
  25. Row Wrap in flex-box not wrapping in Safari
  26. Google Font not working on Safari
  27. How to add a custom font to Rails app?
  28. Why is filter(drop-shadow) causing my SVG to disappear in Safari?
  29. -webkit-font-smoothing property has no effect in Chrome
  30. (Really) Long Background Image Does Not Render on iPad Safari

Leave a Comment