Jon Tangerine.

Pith & pulp — not an image, but perhaps a reversion to type.

Siren Festival, Coney Island, 2008→ More

Preface

I’m Jon Tan, designer and founding member of Analog, co-founder of Fontdeck, and infrequent writer and speaker.

Curious Asides

  1. Twitter moments.
  2. Flickr tableaus.
  3. Del.icio.us bookmarks.
  4. LinkedIn network.
  5. Explore asides →

Lately in the Log

  1. Web Fonts, Dingbats, Icons, and Unicode — Wed, 18th Aug 2010 {6}

    Yesterday, Cameron Koczon shared a link to the dingbat font, Pictos, by the talented, Drew Wilson. Cameron predicted that…

  2. Reversed Logotype — Mon, 24th May 2010 {11}

    This image shows a particular optical illusion that confronts us every day. Notice the difference between the black text on…

  3. Self-promotion — Thu, 13th May 2010 {13}

    The world has changed. Everything we do is more immediately visible to others than ever before, but much remains the same;…

  4. First Things First — Tue, 16th Mar 2010 {12}

    Last Wednesday I turned up in front of a friendly bunch of designers and developers at BathCamp — a regular…

  5. Introducing Analog — Wed, 30th Dec 2009 {20}

    Just before Christmas, a few friends and I launched a new company, Analog. Writing this, I’m still a little surprised…

  6. You can browse all entries in full via the log archive →

Conferences and Talks

  1. New Adventures in Web Design

    Talk to be confirmed. 11 Jan 2011 at The Albert Hall, Nottingham, UK.

  2. ATypI 03

    Why web typography doesn’t have to suck (unfortunately I’ve had to pull out but Rich will still be there) Rich Rutter from 8–12 Sep 2010 at Dublin Castle, Dublin, Éire.

  3. Ulster Festival of Art & Design

    Talking Typography with Elliot Jay Stocks.

    16 Jun 2010, Belfast, UK.

  4. BathCamp

    Talk: First Things First (PDF) with a related blog entry. 10 Mar 2010, Bath, UK.

  5. OSCON

    Talk: Grokkin’ Design on 20–24 Jul 2009, San Jose, California, USA.

Featured from the Log

  1. Quotation Marks & Texture — {20}

    A quick discourse on single versus double quotations marks (or inverted commas for us prosiac Brits) and typographic texture.

  2. The Paragraph in Web Typography & Design — {33}

    The many styles of the humble paragraph from pre-history to the Web, with practical examples using CSS.

  3. The Incredible Em & Elastic Layouts with CSS — {79}

    What is an “em”? Using ems to create an elastic layout with scalable images. Also in Italiano, Deutsch, Español & Russian.

  4. What Future for Web Typography & Screen Fonts? — {12}

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

  5. Smoothing out the Creases in Web Fonts — {14}

    Exploring optimal anti-aliasing for core Web fonts and the rendering engines that make it all possible.

  6. @font-face in IE: Making Web Fonts Work — {64}

    Exploring the ins and outs of @font-face linking with TrueType and Embedded OpenType (EOT) files using Fontin Regular by Jos Buivenga.

Remarks from the Log

  1. By Tom Prior in Designer PHP: A Dynamic Menu with If and Else:

    I’ve always been apprehensive about dipping my toe into PHP for fear there would be too much learning to do…

  2. By Joe Clark in Web Fonts, Dingbats, Icons, and Unicode:

    I appreciate the discussion, I guess, but there isn’t really room for discussion. You have to use definable…

  3. By Volkov Alex in Designer PHP: A Dynamic Menu with If and Else:

    This example have very much checks (if) and this will be slowly.

  4. By Drew Wilson in Web Fonts, Dingbats, Icons, and Unicode:

    Here’s the deal, if this is about accessibility unicode will do NOTHING to improve it. If you have a mac turn…

  5. By Mihai Alexandru Bîrsan in Web Fonts, Dingbats, Icons, and Unicode:

    I will always use "✓" (✓) instead of “3" in my markup, since UTF-8 encoding is…

  6. By Drew Wilson in Web Fonts, Dingbats, Icons, and Unicode:

    Thanks for the write up!! Really though.. why is it so bad if a check mark doesn’t have a text equivalent? If…

Snippets from the Silo

  1. Font naming conventions

  2. Ligatures test suite

  3. Typographic spaces test suite

  4. 12 Examples of paragraph typography

  5. Placeholder markup

  6. Core web fonts test suite

  7. @font-face test with Fontin Regular by Jos Buivenga

  8. Elastic Layout Example

  9. Pixels to ems conversion for CSS

Work with me via ~ Analog ~ a creative consortium.