28915 2009-09-02 12:33:48 -0700 Fonts loaded with @font-face lose antialising after rendering non-antialiased text 2012-01-18 14:03:16 -0800 1 1 1 Unclassified WebKit Text 528+ (Nightly build) Mac OS X 10.5 RESOLVED DUPLICATE 67996 InRadar P2 Normal --- 1 lambda webkit-unassigned amadeusdemarzi ap eoconnor mihaip mitz samtsai steveg21 oldest_to_newest 144265 0 38937 lambda 2009-09-02 12:33:48 -0700 Created attachment 38937 example of the bug If you use a web font loaded with @font-face, and have a span of text rendered without anti-aliasing (for instance, Monaco 9px), followed by text rendered using the remote font, the text rendered in the remote font will also lack anti-aliasing. The text will continue to lack anti-aliasing until you use a local font again, that is anti-aliased. This bug occurs with several different web fonts that I tested, and several different local fonts at sizes small enough to disable anti-aliasing, and several different local fonts at larger sizes that caused anti-aliasing to be restored. This bug is present in the wild, for example on http://www.zeldman.com/superfriends/guide/ , assuming you have your fixed-width font set to a small enough size (I have mine set to monaco 9px). I've attached an example that demonstrates the problem, with several different variations of the problem showing up. 224042 1 amadeusdemarzi 2010-05-11 11:35:28 -0700 I have found an interim fix for this, just apply: -webkit-text-stroke-color:rgba(0, 0, 0, 0); -webkit-text-stroke-width:1px; To any elements that give yout he problem. 224859 2 ap 2010-05-12 13:47:55 -0700 This is still reproducible with nightly builds. 224873 3 ap 2010-05-12 14:03:47 -0700 <rdar://problem/7975923> 432006 4 mihaip 2011-07-04 12:20:27 -0700 Just ran into this in the wild with: http://www.newyorker.com/reporting/2011/07/11/110711fa_fact_auletta (caused by the "THE NEW YORKER REPORTING & ESSAYS" 8pt text before the headline) Selecting the headline text renders it anti-aliased, so in at at least some rendering paths the code is correct. 432008 5 mihaip 2011-07-04 12:22:19 -0700 *** Bug 57490 has been marked as a duplicate of this bug. *** 474105 6 mitz 2011-09-27 11:23:11 -0700 *** This bug has been marked as a duplicate of bug 67996 *** 38937 2009-09-02 12:33:48 -0700 2009-09-02 12:33:48 -0700 example of the bug anti-aliasing-bug.html text/html 1868 lambda PCFET0NUWVBFIGh0bWw+Cgo8aGVhZD4KPG1ldGEgaHR0cC1lcXVpdj0iQ29udGVudC1UeXBlIiBj b250ZW50PSJ0ZXh0L2h0bWw7Y2hhcnNldD1VVEYtOCI+Cjx0aXRsZT5Gb250IFJlbmRlcmluZyBC dWc8L3RpdGxlPgoKPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KQGZvbnQtZmFjZSB7CiAgICBmb250 LWZhbWlseTogU29tZVJhbmRvbVdlYkZvbnQ7CiAgICBzcmM6IHVybChodHRwOi8vZXBoZW1lcmEu Y29udGludWF0aW9uLm9yZy90ZXhneXJlYm9udW0tcmVndWxhci5vdGYpIGZvcm1hdCgib3BlbnR5 cGUiKTsKfQoKQGZvbnQtZmFjZSB7Cglmb250LWZhbWlseTogIkZyYW5rbGluIjsKCXNyYzogdXJs KGh0dHA6Ly93d3cuemVsZG1hbi5jb20vdS9GcmFua2xpbklUQ1Byby1NZWRpdW0ub3RmKSBmb3Jt YXQoIm9wZW50eXBlIik7Cgl9CgpwIHsgZm9udC1mYW1pbHk6IFNvbWVSYW5kb21XZWJGb250OyB9 Cgpjb2RlIHtmb250LWZhbWlseTogTW9uYWNvOyBmb250LXNpemU6IDlweDsgfQoKLyogVGhpcyBl eGFtcGxlIHVzZXMgdGhlIHNhbWUgZm9udCB0aGF0IHdhcyBjYXVzaW5nIHByb2JsZW1zIGFib3Zl LCBidXQKICAgYXMgaW5zdGFsbGVkIGxvY2FsbHkuICBJZiB5b3UgZG9uJ3QgaGF2ZSB0aGlzIGZv bnQgaW5zdGFsbGVkLCBhbnkKICAgbG9jYWwgZm9udCBzaG91bGQgZG8gdG8gcmVzZXQgdGhlIGJ1 Zy4gKi8KLmFub3RoZXIgeyBmb250LWZhbWlseTogIlRlWCBHeXJlIEJvbnVtIiwgIlBhbGF0aW5v Iiwgc2VyaWY7IH0KCi5vdGhlcndlYmZvbnQgeyBmb250LWZhbWlseTogRnJhbmtsaW47IH0KCjwv c3R5bGU+Cgo8L2hlYWQ+Cjxib2R5PgoKICA8cD5UaGlzIGlzIGEgdGVzdCwgdXNpbmcgYSB3ZWIg Zm9udC4gPGNvZGU+SGVyZSBpcyBzb21lIG1vbm9zcGFjZSBzdHVmZiwgYXQgYSBzaXplIHRoYXQg dHVybnMgb2ZmIGFudGktYWxpYXNpbmcuPC9jb2RlPiBIZXJlIGlzIHNvbWUgbW9yZSB0ZXh0OyBu b3RlIHRoYXQgYW50aS1hbGlhc2luZyBkb2Vzbid0IGhhcHBlbiBoZXJlLCBhbmQgaXQgbG9va3Mg cmVhbGx5IHVnbHkuPC9wPgogIDxwIGNsYXNzPWFub3RoZXI+VGhpcyBpcyBhIGxvY2FsIGZvbnQu IEl0IGNhdXNlcyBhbnRpLWFsaWFzaW5nIHRvIGJlIHR1cm5lZCBiYWNrIG9uLiA8Y29kZT5IZXJl J3Mgc29tZSBtb3JlIG5vbi1hbnRpYWxpYXNlZCB0ZXh0LjwvY29kZT4gVGhlIGJ1ZyBkb2VzIG5v dCBvY2N1ciB3aXRoIHRoZSBsb2NhbCBmb250LjwvcD4KICA8cD5IZXJlIGlzIHNvbWUgbW9yZSB0 ZXh0IGluIHRoZSBmaXJzdCBmb250LiA8Y29kZT5Nb3JlIGFsaWFzZWQgdGV4dC48L2NvZGU+IFRo ZSBidWcgc3RyaWtlcyBhZ2FpbiE8L3A+CgogIDxwIGNsYXNzPWFub3RoZXI+UmVzZXQgdGhlIGJ1 ZzwvcD4KICA8cD5UaGUgYnVnIHNlZW0gdG8gYXBwbHkgYWNyb3NzIHBhcmFncmFwaCBib3VuZGFy aWVzIGFzIHdlbGwgPGNvZGU+c29tZSBjb2RlPC9jb2RlPjwvcD4KICA8cD5IZXJlJ3Mgc29tZSBt b3JlIHRleHQgdGhhdCBnZXRzIHRoZSBiYWQgYW50aS1hbGlhc2luZzwvcD4KCiAgPHAgY2xhc3M9 YW5vdGhlcj5SZXNldCBhZ2FpbjwvcD4KICA8cD48c3BhbiBjbGFzcz1hbm90aGVyPlVzaW5nIHRo ZSBsb2NhbCBmb250LiA8Y29kZT5Tb21lIGNvZGUuPC9jb2RlPjwvc3Bhbj4gVXNpbmcgdGhlIHJl bW90ZSBmb250LiBUaGlzIGlzIGJyb2tlbiB0b28uIDxzcGFuIGNsYXNzPW90aGVyd2ViZm9udD5I ZXJlJ3MgYW5vdGhlciB3ZWJmb250Ljwvc3Bhbj4gPHNwYW4gY2xhc3M9YW5vdGhlcj5Vc2luZyB0 aGUgbG9jYWwgZm9udCBhZ2FpbiBmaXhlcyBpdC48L3NwYW4+IEhlcmUncyB0aGUgcmVtb3RlIGZv bnQsIGl0J3Mgc3RheWluZyBmaXhlZC48L3A+CjwvYm9keT4KPC9odG1sPgo=