From 3af20d303396a1bbf44b9f3e86409b0d854c6d7a Mon Sep 17 00:00:00 2001 From: Adam Conrad Date: Wed, 10 Dec 2014 23:16:03 -0500 Subject: [PATCH] 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 `` form elements as opposed to purely textual elements like ``, `

`. To deliver a beautiful, consistent experience, we need to apply this universally for all elements on WebKit. --- css/skeleton.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/css/skeleton.css b/css/skeleton.css index e7b7d1a..dd825c7 100644 --- a/css/skeleton.css +++ b/css/skeleton.css @@ -106,6 +106,8 @@ body { font-weight: 400; font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #222; } +body * { + -webkit-font-smoothing: antialiased; } /* Typography @@ -389,4 +391,4 @@ there. @media (min-width: 1000px) {} /* Larger than Desktop HD */ -@media (min-width: 1200px) {} \ No newline at end of file +@media (min-width: 1200px) {}