Categories
Accessibility Advocacy Apple Applications apps art direction Browsers bugs Code Compatibility CSS Design HTML ipad iphone Layout Real type on the web Standards State of the Web The Essentials Tools W3C Web Design Web Standards webfonts webkit webtype zeldman.com

Opera loves my web font

And so do my iPhone and your iPad. All it took was a bit o’ the old Richard Fink syntax and a quick drive through the Font Squirrel @Font-Face Kit Generator (featuring Base 64 encoding and SVG generation) to bring the joy and wonder of fast, optimized, semi-bulletproof web fonts to Safari, Firefox, Opera, Chrome, iPhone, and Apple’s latest religious device.

Haven’t checked IE7, IE8, IE9, or iPad yet; photos welcome. (Post on Flickr and link here.)

What I learned:

? Even if manufacturer supplies “web font” versions with web license purchase, it’s better to roll your own web font files as long as this doesn’t violate the license.


By Jeffrey Zeldman

“King of Web Standards”—Bloomberg Businessweek.

Hi! I’m a principal designer at Automattic, Inc. Also: Publisher and founder, A List Apart “for people who make websites.” Publisher and co-founder, A Book Apart—brief books for people who design, write, and code. Co-founder and co-host, An Event Apart UX & front-end conference. Faculty, MFA Interaction Design, School of Visual Arts, NYC. Host, The Big Web Show. Have written two books, notably ”Designing With Web Standards,“ currently in its 3rd Edition, and, on last count, translated into 15 languages and used as a text in 85 universities.