Forcing anti-aliasing using css: Is this a myth?

by

Oh yes you can:

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;

Source for Firefox, thanks Justin for the heads up.

More Related Contents:

  1. Transparent text cut out of background
  2. Font Awesome 5 Choosing the correct font-family in pseudo-elements
  3. Browsers’ default CSS stylesheets
  4. How to import Google Web Font in CSS file?
  5. CSS Font Border?
  6. Why should we include ttf, eot, woff, svg,… in a font-face
  7. Downloading a Google font and setting up an offline site that uses it
  8. How can I determine what font a browser is actually using to render some text?
  9. Failed to decode downloaded font
  10. How to import fonts in CSS?
  11. How is font size calculated?
  12. CSS: bolding some text without changing its container’s size
  13. Converting and rendering web fonts to base64 – keep original look
  14. Multiple font-weights, one @font-face query
  15. Webpack “OTS parsing error” loading fonts
  16. Force Non-Monospace Font into Fixed Width Using CSS
  17. Fonts looks different in Firefox and Chrome
  18. Fallback fonts on special characters
  19. Specifying Style and Weight for Google Fonts
  20. Why would font names need quotes?
  21. Styling Password Fields in CSS
  22. What does font-size really correspond to?
  23. How to add fonts to create-react-app based projects?
  24. When setting a font-size in CSS, what is the real height of the letters?
  25. Font weight turns lighter on Mac/Safari
  26. How to prevent different browsers rendering fonts differently?
  27. How to add a custom font to Rails app?
  28. css different font sizes on different families
  29. -webkit-font-smoothing property has no effect in Chrome
  30. Fix custom font line-height with CSS

Leave a Comment