Firefox 3 Rendering Improvements

3 Responses · September 10, 2007

Fire­fox 3 is sched­uled to be released later this fall; I haven’t really been fol­low­ing its devel­op­ment, but one thing I have heard about and am excited about is its (or, more accu­rately, Gecko’s) new graph­ics library, Cairo.

Cairo Image Resizing

First I heard that it would resam­ple rather than sim­ply rescale images, as demon­strated in the image above (via Acts of Voli­tion).

Later I learned that it will also ren­der fonts more smoothly. I enjoy the soft way pages look in Safari for Win­dows, the result of a dif­fer­ent ren­der­ing engine, WebKit, so this is some­thing I’m really look­ing for­ward to. Here’s an exam­ple of Cairo’s font ren­der­ing, as seen in Camino 1.2+ for Mac, via hicks­de­sign:

Cairo Font Rendering

There are very spe­cific rea­sons for the inten­tional dif­fer­ences in these approaches to font ren­der­ing. It’s a mat­ter of per­sonal pref­er­ence, and I think my pref­er­ence will be for Cairo. Some are floored by the supe­ri­or­ity of WebKit, and designer Jef­frey Zeld­man makes a solid, objec­tive case for it; oth­ers are hor­ri­fied.

Finally, Gecko’s non-standard CSS attribute –moz-border-radius, a pre­cur­sor to CSS3’s border-radius attribute, will make image-less rounded div cor­ners easy and pretty (via Acts of Voli­tion):

Cario Border Radius

I would have posted screen­shots of my own, but I don’t trust these alpha builds not to eff things up.

Here’s an exam­ple of Cairo’s font ren­der­ing, as seen in Camino 1.2+ for Mac, via hicksdesign:

If you take the time to read the com­ments on the hicks­de­sign post you link to, you’ll notice that Camino’s ren­der­ing was due to a bug. To quote David Smith:

Jon: could you put a note about the bold ren­der­ing being due to a Cairo bug (not syn­the­siz­ing a bold font, specif­i­cally)? It seems dis­hon­est to leave it up there as a shin­ing exam­ple when it’s actu­ally incorrect.

If you com­pare the ren­der­ing of Camino 1.5, which as the ver­sion num­ber sug­gests is newer than Camino 1.2+, on Ama­zon UK to that of the screen­shot you posted, you’ll notice that it now ren­ders vir­tu­ally iden­ti­cally to the Camino 1.0 and Safari 2.0 screen­shots. The rea­son for this? It’s the cor­rect ren­der­ing! I agree that the buggy ren­der­ing does look nicer, but it’s a result of the inabil­ity to syn­the­size a bold vari­ant of a font when the font has no native bold itself. You could get an iden­ti­cal ren­der­ing in Camino 1.0 and Safari 2.0 if you dis­abled the bold styling on that nav­i­ga­tional element.

Spread­ing mis­in­for­ma­tion really isn’t cool.

Mark Rowe · September 10, 2007

^
I
I
lol what a tool

Sumner · November 26, 2007

by the way that arrow is point­ing to every­one above it.

Sumner · November 26, 2007

Leave a Comment or Subscribe