2014-06-04 07:14:41 +00:00
|
|
|
---
|
|
|
|
|
title: CSS antialiasing
|
2015-11-24 04:48:01 +00:00
|
|
|
category: CSS
|
2020-07-04 13:33:09 +00:00
|
|
|
updated: 2017-10-13
|
2017-10-10 15:47:03 +00:00
|
|
|
intro: |
|
|
|
|
|
Here's a 4-line snippet on how to get beautiful, antialiased text with CSS.
|
2014-06-04 07:14:41 +00:00
|
|
|
---
|
|
|
|
|
|
2017-08-28 15:51:51 +00:00
|
|
|
### Antialias
|
|
|
|
|
{: .-prime}
|
|
|
|
|
|
|
|
|
|
```css
|
|
|
|
|
* {
|
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
|
-moz-osx-font-smoothing: grayscale;
|
|
|
|
|
}
|
|
|
|
|
```
|
2014-06-04 07:14:41 +00:00
|
|
|
|
|
|
|
|
### Support
|
|
|
|
|
|
|
|
|
|
* Firefox 25+ on OSX
|
|
|
|
|
* Webkits (Chrome, Safari, etc)
|
|
|
|
|
|
2017-08-28 15:51:51 +00:00
|
|
|
## References
|
|
|
|
|
{: .-one-column}
|
2014-06-04 07:14:41 +00:00
|
|
|
|
|
|
|
|
* [maxvoltar.com](http://maxvoltar.com/archive/-webkit-font-smoothing)
|
|
|
|
|
* [maximilianhoffman.com](http://maximilianhoffmann.com/posts/better-font-rendering-on-osx)
|
|
|
|
|
* [ilikekillnerds.com](http://ilikekillnerds.com/2010/12/a-solution-to-stop-font-face-fonts-looking-bold-on-mac-browsers/)
|
2017-08-28 15:51:51 +00:00
|
|
|
{: .-also-see}
|
