Coderwall
Ruby Python JavaScript Front-End Tools iOS
More Tips
Ruby Python JavaScript Front-End Tools iOS PHP Android .NET Java Jobs
Jobs
Sign In or Up
Last Updated: February 25, 2016
·
1.096K
· hi_dm

Fixing funky @font-face rendering in webkit

#css
#typography
#chrome
#font-face
#embedded fonts
#antialiasing
#-webkit

Just add this line of CSS to the body tag:

body {
    -webkit-font-smoothing: antialiased;
}
#css
#typography
#chrome
#font-face
#embedded fonts
#antialiasing
#-webkit

Written by &y

Say Thanks
Respond

Related protips

Fully custom select box, simple css only

572.6K
32

Change the Bootstrap NavBar Breakpoint

502.4K
39

Creating full width (100% ) container inside fixed width container.

471.3K
14

Have a fresh tip? Share with Coderwall community!

Post
Post a tip
Best #Css Authors
oldboy
571.1K
#css
#jQuery
#CSS 3
iatek
503.4K
#css
#Javascript
#Node.js
praveenvijayan
466.2K
#css
#Javascript
#Python
elad2412
416.2K
#css
#cross browser compatibility
#photoshop
projectcleverweb
308.1K
#css
#javascript
#Python
Related Tags
#css
#typography
#chrome
#font-face
#embedded fonts
#antialiasing
#-webkit
Sponsored by
#native_company#
#native_desc#
#native_cta#
Filed Under

Accelerate Your Web Development Skills
Awesome Job
See All Jobs

Post a job for only $299
Thanks to our sponsor
Sponsored by #native_company# — Learn More
#native_title# #native_desc#
#native_cta#
@coderwall
APM product comparisons Contact Privacy Terms

Copyright 2025

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.