Improve anti-aliasing on WebKit browsers
`-webkit-font-smoothing` provides WebKit browsers with improved anti-aliasing capabilities. The reason to nest this with the ever-notorious universal identifier (`*`) is that not HTML elements are caught under the `body` blanket. This is most notable when comparing the way fonts render text inside of `<input[type="button"]>` form elements as opposed to purely textual elements like `<a>`, `<p>`. To deliver a beautiful, consistent experience, we need to apply this universally for all elements on WebKit.
This commit is contained in:
parent
84acb36f5c
commit
3af20d3033
2
css/skeleton.css
vendored
2
css/skeleton.css
vendored
@ -106,6 +106,8 @@ body {
|
|||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||||
color: #222; }
|
color: #222; }
|
||||||
|
body * {
|
||||||
|
-webkit-font-smoothing: antialiased; }
|
||||||
|
|
||||||
|
|
||||||
/* Typography
|
/* Typography
|
||||||
|
Loading…
Reference in New Issue
Block a user