Is it possible to disable font smoothing in CSS?

Question

I want some small fonts to look with no smoothing. Is it possible to disable font smoothing using HTML/CSS?

Sorry for not providing any feedback until now. Unfortunately it didn't work for me in Google Chrome. Fonts still smooth, :-( Maybe some OS-dependant issue? — German Latorre, May 16 '12 at 7:25
I've updated my post. Did you read this article bashelton.com/2011/03/… ? — Eugene Trofimenko, May 16 '12 at 8:11

Eugene Trofimenko · Accepted Answer · 2012-05-16 08:11:06Z

Yes, it's possible, but not for all browsers.

font-smooth: auto | never | always | <absolute-size> | length | initial | inherit
-webkit-font-smoothing : none | subpixel-antialiased | antialiased

For your case:

font-smooth: never;
-webkit-font-smoothing : none;

UPD(for Chrome): Force Font Smoothing in Chrome on Windows

Thanks Eugene, but the link you provided talks about force smoothig, and I want no smoothing at all for some text in my web app, :-) — German Latorre, May 17 '12 at 11:11

Borodin · Accepted Answer · 2012-05-10 16:41:45Z

Yes, although I can't say which browsers will take any notice of you!

You can write

<p style="font-smooth:never;">

to get the effect you want.

EDIT

I was sure I had used this some months ago, but I read on the Mozilla Network

Though present in early (2002) drafts of CSS3 Fonts, font-smooth has been removed from this specification and is currently not on the standard track.

Sorry!

Chase · Accepted Answer · 2012-05-10 16:41:07Z

2

try font-smooth: never;

answered May 10 '12 at 16:41

25.8k1 gold badge43 silver badges45 bronze badges

3 Answers 3