css-antialias.md

   1 ---
   2 title: CSS antialiasing
   3 category: CSS
   4 layout: 2017/sheet
   5 updated: 2017-10-13
   6 intro: |
   7   Here's a 4-line snippet on how to get beautiful, antialiased text with CSS.
   8 ---
   9
  10 ### Antialias
  11 {: .-prime}
  12
  13 ```css
  14 * {
  15   -webkit-font-smoothing: antialiased;
  16   -moz-osx-font-smoothing: grayscale;
  17 }
  18 ```
  19
  20 ### Support
  21
  22  * Firefox 25+ on OSX
  23  * Webkits (Chrome, Safari, etc)
  24
  25 ## References
  26 {: .-one-column}
  27
  28  * [maxvoltar.com](http://maxvoltar.com/archive/-webkit-font-smoothing)
  29  * [maximilianhoffman.com](http://maximilianhoffmann.com/posts/better-font-rendering-on-osx)
  30  * [ilikekillnerds.com](http://ilikekillnerds.com/2010/12/a-solution-to-stop-font-face-fonts-looking-bold-on-mac-browsers/)
  31 {: .-also-see}