An article I wrote about Hypenation & Justification in web design was published on AListApart today. Titled: The Look That Says Book.

Please visit the comments page and weigh in on how you feel about the current level of support for hyphenation and justification in browsers.
Do you think H&J is important? Not? OK, then what? I’d like to hear what you think.

Sidenote: Editors – Wow, What A Concept!

Unfortunately, the nature of blogging is such that input from an editor just isn’t feasible except in rare instances. So it’s incredibly refreshing to work with sharp, technically astute editors like those at ALA.
Much thanks.

Related posts:

1. E-Book Formats: The Mad Scramble
2. E-Book Publishers Go Delusional
3. Playing Up WOFF At TypeCon, LA

As someone who writes a lot about fonts and typography, I joined some professional associations. In addition to SOTA, which I joined last year, I am also a new member of ATYPI, the Association Typographique Internationale. ATYPI’s annual conference is being held in Dublin, Ireland. I proposed giving a talk on Web Font formats, and the decision makers at ATYPI graciously accepted. I’m looking forward to it greatly.
Here’s what I pitched as the topic of my talk:

Destination Web: Preparing Fonts For The Browser

For the past fifteen years, web authors have been restricted to a handful of “web safe” fonts provided by the underlying operating systems like Microsoft Windows or Apple’s OS X within which web browsers are installed. This has now changed.

As of early 2010, the five major Internet browsers – Internet Explorer, Firefox, Opera, Safari, and Chrome – have all implemented various means and levels of support for “web fonts”. That is, fonts that are supplied, not by the underlying operating system, but by web servers.

This is an unprecedented development in the history of type. For the first time, there is a nascent mass-market for type, without a publisher or some other entity, acting as intermediary. Even in the past few decades of digital technology, the font-design community as a whole has remained print-oriented and the peculiar problems of creating fonts for the low-resolution environment of computer display screens have been left largely to the makers of operating systems such as Microsoft. But now, with the change in capabilities of web browsers, over the coming years, font designers will increasingly find their fonts making their way onto web pages. And this new usage, this new destination, brings with it new challenges to which font-designers, if their work is to remain relevant, need adapt.

As the sophistication of display technology and devices like the Kindle and the iPad improve, and as the demand for paperless green technology grows, the assumptions under which the type industry has worked since Gutenberg’s time, will undergo a radical change.

There will be a great need to provide fonts that are browser-friendly and work well in a low-resolution environments as opposed to the high-resolution environment of print. In addition, web browsers demand connectivity – fonts are sent digitally, on demand, and therefore need to be specially prepared for travel. The need to prepare fonts for speedy delivery and in browser-friendly formats is, once again, an unprecedented development.

Eventually, screen usage will most certainly come to dwarf print. But oddly, with the advent and continued sophistication of one-off and short-run print technology, browsers are poised to do double duty – not only as viewers but as more traditional desktop publishing applications, as well. Even today, if the number of web pages printed out on any given day were taken into account, it would amount to a significant portion of printed output, in total.

The presentation will include:

1) A brief overview of how fonts are linked to web pages with a special emphasis on backwards-compatibility issues regarding Internet Explorer 6, 7, and 8 about which I am uniquely informed.

2) Current formatting options such as: EOT, EOT “Lite”, WOFF, SVG, and Data URI’s

3) IP Protection/Obfuscation Techniques such as: File Splitting, font renaming, and sub-setting

4) Tools: The current state of the tools available for preparing fonts for the web 5. Print: The current state of browsers as a desktop publishing platform for print.

Related posts:

1. TypeCon 2010: A New Birth Of Type
2. Typedia: A Font Resource In The Making
3. @Font-Face Works Automatically In New Google Chrome Beta

Last year sometime, Typedia showed up on the radar here at Readable Web. I wasn’t quite sure what to make of it, frankly. No tag line. What’s the focus? What’s the angle? But the people behind it had gravitas in the world of web so I figured maybe I was missing something. I kept an eye out.

Lately, that’s been paying off. The posts on the Typedia Blog by Erik Vorhes have been top notch, by my lights. Enlightening reading with enriching links. This son-of-a-gun is puttin’ me to shame, really. And so……. may we have a drumroll pleeeeeeese……. I have added Typedia to the Linkworthy blogroll here at Readable Web.

What’s Typedia? Well the font loving folks who created it say this:

In a nutshell, Typedia is a community website to classify typefaces and educate people about them. Think of it like a mix between IMDb and Wikipedia, but just for type. Anyone can join, add, and edit pages for typefaces or for the people behind the type.
We love type, and we have a burning desire to learn as much as possible about typefaces: where they come from, who made them, and why they look the way they do. We want everyone to be able to share in that rich knowledge and enjoy the art and artists of type design. Over time, we think Typedia could grow into a great educational resource for people to learn about their favorite typefaces and discover new ones.

Got A Yen For A Yin, Yang?

If you’re into fonts, web fonts, type, typography, web design and stuff like that there, check it out and get involved. Typophile is a great and unique resource, too, let’s not forget. But for every Yin there’s gotta be a Yang.

Dang!

Related posts:

1. TypeCon 2010: A New Birth Of Type
2. Google Starts Hosting @Font-Face Web Fonts
3. Destination Web At ATYPI

The yearly font fest, TypeCon, is being held in Los Angeles this year. As last year, Readable Web will be there to report.

TypeCon is sponsored by SOTA – The Society Of Typographic Aficionados.

Posts and pics from last year:
Web Font Players Converge At TypeCon 2009
Web Fonts At TypeCon 2009

Fun stuff. And I always learn a lot. Join us next year!

Related posts:

1. TypeCon 2010: A New Birth Of Type
2. John Daggett On CSS3 At TypeCon, 2010
3. Playing Up WOFF At TypeCon, LA

In a post on the IE Blog, the following excuse was given for not supporting SVG Fonts:

Here is my reply as it appeared in the comments:

I think everybody deserves a truthful and rational explanation for any decision that effects digital publishing as profoundly as the display of fonts. From any browser maker. And especially from Microsoft who writes so many rules of the game.
Whatever disagreements there may be between some font producers and myself there is no disagreement on this: type is important, it’s fundamental. If questions are raised and the answer is, simply, “Suck it up. This is what we’ve decided to do.”, that may or may not be OK – it depends upon what we’re talking about – but I’d rather hear that, than jive posing as reason supported by wishes presented as facts.

What’s WOFF Got To Do With It?

Tina Turner sang that, right? What’s WOFF but a second hand emotion…♫♪♫♫
Anyway, to end, here’s an example of SVG fonts at work. Viewable in Opera, Chrome, and Safari:
http://devfiles.myopera.com/articles/593/webfonts_in_svg.svg

Related posts:

1. EOTFAST: A New And Essential Product For @Font-Face Web Fonts
2. Playing Up WOFF At TypeCon, LA
3. A Future Without Flash: Microsoft and Apple Nail The Coffin

Zoe Gillenwater writes about web design, especially Cascading Style Sheets. She’ll be speaking at John Allsopp’s Web Directions USA in Atlanta on Sept 21 in a presentation titled Efficient and Effective Design With CSS3.
A few months ago she announced a new book in the works called Stunning CSS3. I went to the book’s dedicated page to have a look.
Web fonts were being used. But in IE I didn’t like the way they looked at all:

Recreation of the page here.

The fonts used were Fertigo and Museo by Jos Buivenga.

Here’s what I did to fix:

1) I downloaded the fonts fresh. (They are available only in OTF format. Why? I don’t know. One would think that – as a promotional giveaway – making sure the fonts look good in every browser would be important. And at least one font designer – Peter Bilak at Typotheque – seems to grasp this reality. Good looking font rendering requires what it requires. And telling users of IE 6 through 8 to go take a hike is not a nice or smart thing to do. Bad for business.)

2) I subsetted the fonts (deleting unnecessary characters) to match the original files I got from Zoe’s site.

3) I converted the OTF files to TTF using the Font Squirrel Generator with auto-hinting enabled.

4) I re-did the TTF to EOT conversions using EOTFAST to get a compressed file. (Smaller files, quicker page load.)

Note: Auto-hinting is a hit-and-miss proposition – it works great for some fonts, not so well for others. But it worked very nicely for Museo and Fertigo, so I sent Zoe the improved fonts.
Here’s the result:

Recreation of the page here.

This was all one-click stuff that anybody can do. The worst that could happen is that the TTF wouldn’t look any better than what you had before. Was it worth the time spent? Absolutely.

Looks Bad Delivered By Typekit, Too

On Jos Buivenga’s site, I noticed that Typekit was listed as a source for Museo so I went and took a look there, too. Unfortunately, it looked as scraggly as the original on Zoe’s site:

Now, one of the arguments I’ve heard in favor of FHOS (Font Hosting and Obfuscation Services) is that they relieve web authors of the burden of taking different browsers into account. Well, what’s happening here? What’s up with this?

Don’t Deny What’s In Front Of Your Face

Recently, in a thread on Typophile, font designer Karsten “Cool Hand” Luecke wanted a piece of me for, according to him, putting ideas in people’s heads, for the notion that there are lots of fonts that look like crap onscreen. Fonts that need fixing. Fonts that could use improvement. It seems I’m an instigator for suggesting that web designers take matters into their own hands and mash, slash, and smack the font around until it looks right. Well, I plead guilty as charged. Please excuse me for suggesting that upholding some minimum level of aesthetic quality might be a good thing for users, web authors, and font designers alike.

Incidentally, Zoe G is using the web font Nadia from the free font service Kernest on her blog, and it looks very very good across the whole browser spectrum. (See if you can spot it.)

So here we have one case of free delivering better than paid, and a DIY derivative performing better than what could be purchased. (The single “normal” weight of Museo is free, the rest of the family you pay for.)

Make of this what you will.

Related posts:

1. Ten Great Free Fonts Cross-Browser: A Case Study In @Font-Face
2. EOTFAST: A New And Essential Product For @Font-Face Web Fonts
3. Google Starts Hosting @Font-Face Web Fonts

I haven’t been reporting much on developments in the e-reader biz lately. Simple reason: I can’t keep up and I don’t think it pays at this point to even try. I’m enjoying the shake out, though.

The mad scramble is being driven by two factors:
1) Screen technology has gone mobile in a big way – with the Kindle, Nook, iPad, iPhone, Android, and so forth and so on.
All the stuff you could possibly have the time to read can now travel with you. And if that isn’t enough, even more stuff you’ll never ever have the time to read can be sent wirelessly to you.
2) These screens do provide a satisfying reading experience. And they are getting better all the time.

The New iPhone’s “Retina” Display

I checked out the new iPhone with it’s ultra-sharp Retina display the other day and it was amazing, really. As an iPhone user, I was very skeptical about it being worth the hassle and expense of an upgrade, but to these tired old eyes, it definitely is. I’ve simply never seen a display with text as crisp and sharp at small sizes as I saw on the new iPhone. I did a side-by-side comparison with my current phone and all I could say was, “Wow”. The next day I was using my wife’s iPad for something and I couldn’t help but try to imagine what it would be like if the iPad had the same quality screen as the new iPhone. Wow++. Only a matter of time, I suppose.

E-Reader? Got One. It’s Called A Browser.

And so, everybody’s scrambling to establish themselves as the dominant platform or format or application, or something or other for the burgeoning market for “books onscreen”.

Here’s a simple fact that, for me, stands out: All day long I read from an application called a browser. You’ve heard of them, right? Internet Explorer, Firefox, Chrome – those guys. But yet, when it comes to paper books that have been ported onscreen, I’m being asked to use some other application called an E-Reader.

Why? What’s wrong with this picture? Are the words in a paper book different than the words on a blog?

As you ponder this question, check out the free browser-based Ibis Reader. (Yes, for the iPhone/iPad it’s an app. A matter of screen real-estate, I suppose. When will mobile Safari support full-screen mode?)

I’m also keeping an eye on Blio, new e-publishing software that seems to be a little different from the rest of the pack, but we’ll see when it soon debuts.

Wanna e-publish? Jeffrey Zeldman posted a nice, brief roundup with some juicy links a couple of days ago.

Related posts:

1. Read An E-Book On An E-Reader With E-Ink On E-Paper, Today!
2. The Look That Says Book – On AListApart
3. Readable Web At AnEventApart, Boston

It’s Tomorrow, And Free. Please come.

If you’re in the Minneapolis/St. Paul area and you’re into design, web design, web fonts, fonts, typography, or anything at all like the forementioned, please come to FontCONF tomorrow, Saturday, June 19th at:
CoCo – Coworking and Collaborative Space
213 4th St E., St Paul, MN

FontCONF

Organized by Garrick Van Buren of the font service and download site Kernest, a great time is guaranteed for all.

In the morning, font designer Chank Deisel will be leading a session where an entire font will be constructed as a collaborative effort. As part of a team, I’ll also be facilitating a session in the afternoon. There will be surprises. Fun. Laughter and learning.

Greatly looking forward to it. Hope you can come.

Addendum To Conference:

As some readers of this blog know, an article I wrote about fonts on the web was published on AlistApart Magazine about ten days ago. Unfortunately, Bill Davis of font producer Ascender Corp, took issue with some of the things I wrote about Ascender’s new web font services.

As it turned out, Bill flew in from Chicago to a attend FontCONF, and I’m sorry to report that all the bad blood boiled over, things got completely out of hand, and there was a brawl. Luckily, someone had a camera and captured the incident:

Davis and Fink square off with scornful laughter, each confident of victory.

Witneses to this unfortunate confrontation included font designers Mark Simonson, Stu Sandler, and Chank Deisel. However, after a delicious dinner at a nearby steak house in St. Paul, both men declined to press charges.

Related posts:

1. Google Starts Hosting @Font-Face Web Fonts
2. Early Reports Of Web-Safe Font “Sickness”
3. An Interview With Kernest’s Garrick Van Buren

Boston, Massachusetts  Readable Web is getting out of the office this year. I’ll be attending and reporting on a wide variety of events.

Starting with:

AnEventApart, Boston

I’ve never attended one of Zeldman & Meyer’s traveling road shows before and I can’t wait. The event kicks off tonight with a meet and greet at the Westin Copley Hotel sponsored by Extensis who is here to preview their new web font service WebInk.

Over the next few days I’ll be posting pics, twittering, muttering, commenting about just how tall Jeff Veen really looks in person, and reporting on everything and anything that happens to spark an idea in my brain.

Details on this conference and upcoming Event Apart conferences here.

Update: After-Conference Thoughts

Call it what you want: web design, digital publishing, whatever – the problems exist on two levels.

Problem 1: Cutting The Bullshit

This problem is not unique to digital publishing but to all publishing: staying on message, staying focused, writing clearly, keeping it brief – all the trite truisms are just as true today as they were when David Ogilvy wrote Ogilvy On Advertising in 1983 and Rudolph Flesch wrote The Art Of Readable Writing in 1949. Nobody is going to give you or your product more than a passing glance. At least at first. Waste people’s time and they’re gone. Click.

This is why I perked up when Luke Wroblewski argued that you should design your small-screen mobile experience first and build your desktop experience from that kernel. I agree. Working from the inside out like that imposes a discipline that would probably not exist if you started with the desktop experience. And if you can’t seem to cut it all down to it’s essence for an iPhone or Android, it’s time to ask yourself why the site exists in the first place.

Problem 2: Re-Tasking Content For Different Devices And Screen Sizes

It used to be that the difference between user agents (browsers) was the thing that drove web authors crazy. Yes, there are still issues, but it’s easy to envision a time in the near future when that won’t be anything more than an occasional and minor annoyance. The monster facing us now is different devices and screen sizes. This is a tough one – and the mental tools publishers need are just beginning to coalesce.

Recently, on Typophile.com, designer John Hudson made the observation that, to him, websites in general resembled scrapbooks. For some reason I’ve been thinking about that comment a lot and finally realized why: minus the negative connotations of the word “scrap”, they are scrapbooks. Chunks of information being fed in and out from disparate sources on the network and placed together on the same “page”. The equivalent of taking chunks of five or six pages of a book or magazine and pasting them together. Even in an era of relatively high resolution screens this will still be the case. Content must be chunked so it can reflow into its container. And connectedness is a requirement – the idea of an “e-book” on an “e-reader” disconnected from the net is already preposterous – even though we’ll be living with that situation for some time to come.

I got a new TV delivered today. It’s connected to the network, too. A TV with web apps. A giant iPad. Who’d a thunk?

And, oh, yeah. Just to cap off AnEventApart, Boston:

How Tall Is Jeffrey Veen?

Meeting Jeff Veen in person was a bit of a shock, really. For a guy who writes and speaks about all this web stuff, turns out the guy’s tall enough to be my father!

Oops, Capped Off Too Soon

[A Bit More On An EventApart, Boston] Here’s a nice roundup of the event called Themes From AnEventApart Boston with a link also, to Luke Wroblewski’s extensive notes from the conference. Also, Luke and the concept of “Mobile First” gets a treatment on the Big Web Show.

Related posts:

1. FontCONF In Minneapolis/St. Paul
2. Designing With Web Standards, Third Edition
3. Google Starts Hosting @Font-Face Web Fonts

Web fonts took an interesting turn today with the news that Google is hosting fonts for use with @font-face:

Google Getting Into The Web Fonts Game

As was reported:

“I pulled up the source of the page and right there, on line 3, was a link element pulling in CSS from fonts.googleapis.com! The request is for a font called ‘Droid Sans’ in regular and bold.”

The Google IO event is taking place in San Francisco over the next couple of days so hopefully more details will emerge.

Web-Safe @Font-Face Fonts?

One source tells me that this might simply be an outgrowth of Google’s mobile strategy:
The Android only has the Droid families of fonts and this might simply be an easy and convenient way to make them accessible for developers. However, this would make the Droid families sort of the first ever universally available web-safe @font-face fonts. (If that designation makes any sense to you.)

But if Google starts hosting good quality screen fonts other than Droid…. but wait, we’ll see.
Just having Google floating around out there with this puts an interesting spin on things.

Update: It’s True! It’s True! Google Is Hosting Web Fonts

Looks like the real deal.
Details at:
http://code.google.com/apis/webfonts/docs/getting_started.html
And Paul Irish has a nice roundup of links at:
Details On The New Google Webfont Api

Microsoft: Take Note And Stop Being So Stingy

Hopefully, Microsoft – who spends untold amounts of money on all kinds of freebies to promote their products but for some reason nickles and dimes everybody by only making their basic fonts available through third-party for-pay font services like Ascender Corp – might see the light and follow suit.

For example, right now, you’ve already paid for the MS Cleartype fonts when you: 1) got Windows 2) got MS Office. And how many times have you paid for those over and over again over the years?

You want to use them as a web font? Gotta pay again!
Enough!

Why not make the Cleartype fonts universally available to everybody online? (Intelligently sub-setted, please.) Might be a smart PR move. Really.

Related posts:

1. @Font-Face Works Automatically In New Google Chrome Beta
2. EOTFAST: A New And Essential Product For @Font-Face Web Fonts
3. WOFF Support In Chrome Starts Up