陳 Jon Tan

Preface

I’m Jon Tan, Creative Director at OmniTI and sometime writer and speaker in Bristol, UK.

SkillSwap Goes Typographic — Mon, 9th Mar 2009 {8}

Right. I’m blitzing this. Two posts in one day. It’s unheard of! I’ve finally managed to put up my slides…
Seven Things — Mon, 9th Mar 2009 {10}

Meme is a funny word. I remember interrogating the hive mind of Google to understand what it meant not that long ago.…
Growing OmniTI — Sun, 21st Dec 2008 {23}

’Twas the week before Christmas, and all was hectic in the house.  Or, at least, that’s how it seems!…
PHP Advent Seasoning — Tue, 16th Dec 2008 {9}

Ladies and gentlefolk, I give you the two-thousand and eight PHP Advent Calendar! As an aside in a season that gets rudely…
Display Type & the Raster Wars — Thu, 6th Nov 2008 {27}

ClearType is 10 years old this Autumn. For most of that time it lay hidden until Vista brought it to the fore by default.…
Happy Birthday, Son! — Wed, 5th Nov 2008

Dear Xen, you’re five today. Five years old! You left for school this morning and I was reminded, without the prompting…
@font-face in IE: Making Web Fonts Work — Fri, 31st Oct 2008 {53}

All Hallows’ Eve seems the perfect time for something a little spooky. Getting @font-face working in IE may just be…
You can browse all entries in full via the log archive →

Brighton SkillSwap Goes Typographic

Talk: 80% Science, 20% Art.

28 Jan 2009, Lighthouse, Brighton, UK
SXSW 2009

Panel: Quit Your bitchin’, and Get Your Glyph On!.

13 Mar 2009 - 22 Mar 2009, Austin Convention Center, Austin, Texas, USA
OSCON 2009

Talk: Grokkin’ Design

20 Jul 2009 - 24 Jul 2009, San Jose, California, USA

@font-face in IE: Making Web Fonts Work — {53}

Exploring the ins and outs of @font-face linking with TrueType and Embedded OpenType (EOT) files using Fontin Regular by Jos Buivenga.
Quotation Marks & Texture — {18}

A quick discourse on single versus double quotations marks (or inverted commas for us prosiac Brits) and typographic texture.
The Incredible Em & Elastic Layouts with CSS — {85}

What is an “em”? Using ems to create an elastic layout with scalable images. Also in Italiano, Deutsch, Español & Russian.
The Paragraph in Web Typography & Design — {23}

The many styles of the humble paragraph from pre-history to the Web, with practical examples using CSS.
What Future for Web Typography & Screen Fonts? — {13}

The status of the core web fonts and the font-face property with a few thoughts on making quality faces ubiquitous.

By 7 in Complex Type: CSS Fix, ClearType Miss:

Thumbs up on the css styled logo.
By Mircea Piturca in SkillSwap Goes Typographic:

So as I. Hopefully they will do something like this in Europe. I got so many questions to ask like what safe web font…
By Sam in SkillSwap Goes Typographic:

Thanks for the book recommendation Mircea, I will check it out as I wasn’t sure about Vertical Rhythm either. I…
By mario oyunları in Display Type & the Raster Wars:

i am using firefox 3 its better than ie6 and ie7 on xp
By Chris Seidl in Seven Things:

Oh geez, how did I miss that? Anyway, funny post. :)
By Chris Seidl in Seven Things:

The word meme was, I believe, originally coined by Richard Dawkins in his first book, The Selfish Gene. The intent…

Work with me via ~ ~ creative engineers.