Web Typography in Ubuntu: Part 1

6 Responses · May 3, 2010

One of the first things a care­ful observer will likely notice about a fresh Ubuntu install is the dis­tinctly odd appear­ance of their favorite web­sites. The cause for this is that, although Ubuntu ships with a fair selec­tion of fonts, they aren’t prop­erly assigned as aliases to the pro­pri­etary fonts that most web­sites call for; Hel­vetica and Arial have a per­fect cousin in FreeSans, yet are sub­sti­tuted with Lib­er­a­tion Sans by default, the lat­ter of whose stemmed “1” and barred “J” (among other things) is a dead give­away. Like­wise, Ver­dana is also sub­sti­tuted with Lib­er­a­tion Sans, when DejaVu Sans is a much closer fit. Then there’s Times New Roman, Lucida Grande, Baskerville — none of which is ade­quately mimicked.

Sev­eral of these fonts are bet­ter served by some Ubuntu defaults, and still oth­ers — Gill Sans, Optima, Caslon, Tahoma, and more — have decent sub­sti­tutes just wait­ing in the repos­i­to­ries. Typog­ra­phy plays a greater role in user expe­ri­ence than I think most peo­ple work­ing on Ubuntu real­ize, and it should be a goal of 10.10 to ele­vate this part of the OS as much as pos­si­ble. This requires just a few extra kilo­bytes in pack­ages and some changes/additions to the files in /etc/fonts/conf.d/. In a sub­se­quent post I’ll be cat­a­loging what those changes should be.

But it’s impor­tant to rec­og­nize first of all that this is a sig­nif­i­cant part of the rea­son that many find Ubuntu (and Linux in gen­eral) to have a “cheap” look. In many cases I even see ser­ifs stand­ing in place of sans-serifs, whose small sizes make the ser­ifs nearly illeg­i­ble where a sans would read just fine. And the poor sub­sti­tu­tions and mea­ger range of repro­ducible fonts makes for a very flat expe­ri­ence — when everything’s in either Lib­er­a­tion Sans or DejaVu Serif, it’s hard not to feel that you’re get­ting a crip­pled ver­sion of the web. These prob­lems are the result of a sheer lack of con­cern for how words are pre­sented on-screen. Now more than ever they need to be addressed, as much (if not the major­ity) of com­put­ing now takes places in a browser.

I also want to stress that this is not a mat­ter of per­sonal pref­er­ence; unlike my insis­tence upon no hint­ing — which I admit was sub­jec­tive, but which I played up for effect — these sub­sti­tu­tions are plainly incor­rect. Sure, you may pre­fer that Google’s pages show up in, say, Bit­stream Char­ter, and you’re free to make that the case. But when the inten­tions of web design­ers are so poorly adhered to by Ubuntu’s defaults, it results in a major com­mu­ni­ca­tions gap.

This is also not a bur­den to place on the web design­ers. For one thing, they can’t be blamed for design­ing for Win­dows and Mac, when those OSes account for over 95% of their users. Vir­tu­ally every­body has Ver­dana, and they can’t rea­son­ably be expected to look up the Linux equiv­a­lent for every nearly uni­ver­sal font they want to invoke — if such a ref­er­ence were to exist in the first place. Sec­ond, when it is per­fectly within our power to rec­tify the com­mu­ni­ca­tion of type between web­sites and a default user, then we owe it to our­selves to do so as the con­trib­u­tors to a Linux dis­tri­b­u­tion whose explicit goal is to gain trac­tion with the layper­son. While Linux in gen­eral and Ubuntu in par­tic­u­lar offer sev­eral prac­ti­cal advan­tages over Mac and Win­dows, you can’t win hearts and minds with­out the pol­ished exte­rior of a care­fully con­sid­ered and metic­u­lously refined visual expe­ri­ence. And type is of para­mount urgency for that experience.

Amen. Bring on part two.

Troy James Sobotka · 5 May 2010

You seem to know a great deal about this. Per­haps you could con­sider fil­ing a bug report ? Or maybe you’ve done that before and have been ignored ? If so, can you share any links to pre­vi­ous bug reports ?

Fabian Rodriguez · 5 May 2010

Thanks Fabian. Against what would I file a bug? This doesn’t apply to any sin­gle package.

Jay · 5 May 2010

Read­ing this puts my mind at ease. I thought it was only me who actu­ally hated this prob­lem. Try­ing to design web­sites in Ubuntu is a hell­ish expe­ri­ence. Web­sites just look so darn ugly. Hardly sur­pris­ing; after all, web design is 95% typog­ra­phy. I can’t use it as a seri­ous replace­ment on my work­sta­tion until its typog­ra­phy improves, I’m afraid. I have a ques­tion, though.

If I grabbed all my Mac fonts, and copied them onto my Ubuntu (yes, I know that’s heresy in the open source world), is there *any* chance I could attain typo­graph­i­cal sim­i­lar­ity? I tried doing it, and chang­ing font ren­der­ing con­figs, but it still looked hor­ri­ble (espe­cially in apps that didn’t respect Gnome’s font con­figs like Firefox).

Just curi­ous. Thanks for the arti­cle, by the way. :)

Bruno De Barros · 12 Jun 2010

“The Lib­er­a­tion™ Fonts is a font fam­ily orig­i­nally cre­ated by Ascen­der which aims at met­ric com­pat­i­bil­ity with Arial, Times New Roman, and Courier New. ”

If that fails, I guess you can report it to:
https://fedorahosted.org/liberation-fonts/

Gianluca Sforna · 5 Aug 2010

Thanks Gian­luca. I actu­ally dis­cov­ered the met­ric com­pat­i­bil­ity issue shortly after writ­ing this post. I had started a follow-up, but never got around to fin­ish­ing it.

That makes it a tricky issue. At least it’s reas­sur­ing that some thought went into these decisions.

Nev­er­the­less, the Lib­er­a­tion sub­sti­tu­tions are not the only ones at fault here for glyph incon­gruity. I would like to see more thor­ough and robust sub­sti­tu­tion rules. But then again, maybe there’s some other issue I haven’t con­sid­ered. Would love to have a long con­ver­sa­tion about this with some­one who knows the whole story.

Jay · 5 Aug 2010

Leave a Comment or Subscribe