/ log / 9th Mar, 2009 /

SkillSwap Goes Typographic

Right. I’m blitzing this. Two posts in one day. It’s unheard of! I’ve finally managed to put up my slides together from SkillSwap Goes Typographic:

The night was fun and informal — heaps of people thinking, talking, and asking about web typography; a treat! The Clearlefties were great hosts in the day, and a special thank you goes to James Box for looking after and inviting me, and to Natalie Downe for helping James organise a fun, relaxed night. The pub inevitably followed with more type talk, and Señor Richard Rutter generously gave me a bed for the night in his fantastic house. The walk to the office in the next morning along the seafront was also a treat. Almost as good in fact as riding the travellators at Gatwick when changing trains on the way there and back.

Rich’s Facing up to Fonts talk had a lot of very well-researched detail about the technical aspects of web typography. I recommend downloading the slides. Mine had some food for thought and a bit on technical legibility. Between us we seemed to cover quite a lot of ground. Thanks for all the kind feedback both on and offline. Hopefully, I’ll make it back sometime and share a few drinks with the fantastic Brightonians again.

Coming up on Saturday at SxSW, there’ll be more typographic musings from Richard Rutter and nefarious others including myself at Quit Bitchin’ and Get Your Glyph On. I tagged them good in the previous post. If you’re going to be in Austin, say hi!

Share

Browse More Articles

16 Comments

  1. 1. By Leon on 10th Mar ’09 at 14:55pm

    Thanks, that’s an entertaining and informative read (still trying to get my head round 16px leading sitting on the 20px baseline every 4th line).

  2. 2. By Mircea Piturca on 10th Apr ’09 at 10:59am

    Thanx for giving us, the unfortunates that could not go to SxSW, the slides. I also got the mp3 presentation form SxSW site witch is great.

    One question, at the “12px fontsize/ 16px line height, (every 4th line resets on the grid)" wouldn’t be better to increase the line height and match the rest of the vertical rhythm? I had done this on a website, do not know if its right or not. A small fontsize with an increased leading may affect legibility.

    Thanx again for giving out the slides.

  3. 3. By Melinda on 27th Apr ’09 at 14:42pm

    Surely you did a good review about this font typing. It will bring a new vision of blogging world. People are looking through the font we type on our web/blog. A great fine artistic font will catch more readers.

  4. 4. By Gary on 12th Jun ’09 at 14:38pm

    This was an excellent talk and I can’t thank you enough… I attended on a whim, having no real interest in typography, but I came away with a whole new outlook and have completely changed the way I code sites as a result.

    Vertical Rhythm FTW!

  5. 5. By Mircea Piturca on 18th Jun ’09 at 09:00am

    Gary, if you are referring to my post, yea “vertical rhythm" or “vertical motion" is something to keep in mind when designing. Some designers use the leading to create their grid, see Grid Systems in Graphic Design by Josef Muller-Brockmann.

  6. 6. By Sam on 25th Jun ’09 at 13:31pm

    Thanks for the book recommendation Mircea, I will check it out as I wasn’t sure about Vertical Rhythm either. I wish I could of come to one of these talks, I trying to progress my typography skills and include it a lot more in my designs.

  7. 7. By Mircea Piturca on 25th Jun ’09 at 19:47pm

    So as I. Hopefully they will do something like this in Europe. I got so many questions to ask like what safe web font have a true Italic besides Georgia or if I can relay on a Palatino Linotype as a web font…

    Great web design is really just great typography.

  8. Jon 陳’s profile 8. By Jon 陳 on 26th Jun ’09 at 08:11am

    Hi Mircea. The staggered rhythm in asides keeps the motion consistent while also allowing for smaller type. The line height could be increased. However, with smaller type size and with a smaller measure the lines would seem loose to me.

    Our SxSW panel also has a web site courtesy of the dedication of our shepherd, Samantha Warren. If anyone wishes to do a European web type event like SkillSwap, I’d love to see if Richard’s available and come over.

    Thanks, Gary! Glad you enjoyed it. Let me know how you get on with implementing. :)

  9. 9. By Ian Storm Taylor on 7th Jul ’09 at 03:11am

    I figured the most recent blog post would be the most approriate to put this in, and I also happened to very much enjoy the downloadable PDF…

    I just wanted to say I just recently found your site (through a variety of sources over and over again) and I love everything about it. Amazing typography and super interesting content. I was especially interested in your posts about the OmniTI transformation!

    That is all. Just letting you know yet another person out here is admiring your work.

  10. 10. By Joe Warwick on 8th Jul ’09 at 08:30am

    Looks like a really great conference, I wish I could of attended! I’ve been drawn into the world of typography and now it is one of my biggest learning curves. Keep up the good work and talks!

  11. 11. By Ahmet on 16th Jul ’09 at 20:07pm

    Thanks a lot Jon (and thanks to Nicola for italian translation, perfect!)

  12. 12. By Veyton on 1st Aug ’09 at 08:46am

    Thanks Jon , your topics are realy helpfull and impressive. Your skills are awesome and I love to read your blog. Keep up the cool work !

  13. 13. By Timo on 30th Aug ’09 at 17:07pm

    @Mircea Piturca:

    You can fully rely on both Georgia and Palatino. They are both supported by virtually all modern browsers and look very nice in italic as well.

    Nice article by the way…

  14. 14. By Mircea Piturca on 30th Aug ’09 at 22:57pm

    Thanx Timo,

    I use both Georgia and Palatino for italics. Also I like to try “Minion Pro" and “Adobe Caslon Pro” but I do not know how well are them supported.

    Indeed a great article.

  15. 15. By Chris on 15th Dec ’09 at 00:06am

    You really did a good review about this font typing. In my opinion this type of font is more ergonomic for readers, isn’t it?

  16. 16. By MJ on 19th Dec ’09 at 11:09am

    Hey looks like a very great conference Keep up the good work and talks. Best Regards MJ

Post a Comment

Required sections are marked § . Please remember, debate and courtesy are mutually inclusive.

Personal Details and Authentication
Comment

Lately in the Log

  1. Introducing Analog Wed, 30th Dec 2009 {16}

    Just before Christmas, a few friends and I launched a new company,…

  2. SxSW Pick ’n’ Mix for 2010 Fri, 4th Sep 2009 {10}

    I know I’m woefully late. Voting ends today! I don’t really…

  3. Review: HTML and CSS Web Standards Solutions Wed, 19th Aug 2009 {22}

    I’m so glad that this book exists. I’ve been hoping someone…

  4. All Change, Please Thu, 13th Aug 2009 {33}

    ‘One door closes, another opens’ is an idiom that has always…

  5. OSCON 2009: incoming! Sat, 18th Jul 2009 {2}

    Just a quick note. More of a test really. Can I crank out a quick post in…

  6. SkillSwap Goes Typographic Mon, 9th Mar 2009 {16}

    Right. I’m blitzing this. Two posts in one day. It’s unheard…

Remarks from the log

  1. By Annie Ha in Review: HTML and CSS Web Standards Solutions:

    Hi Jon, As a graphic design student, I strive for a better structure and well design website. I was looking for a…

  2. By Shane in Days like these:

    Great post, makes me feel better that not only I have days like these! Thanks.

  3. By Joey in Introducing Analog:

    Long time reader - first time commenter! Good luck with the new company, hope it all works out for you :)

  4. By Emcee Hao in Complex Type: CSS Fix, ClearType Miss:

    dude, awesome type. rock on.

  5. By Shane in SxSW Pick ’n’ Mix for 2010:

    Great post, hope 2010 is going well for everyone! Keep up the good work.

  6. By Richard Fink in Introducing Analog:

    Jon, know you’re involved with Rich Rutter and Fontdeck and you’ve written a bit on @font-face. just a…

People and XFN

Analog folks:

  1. Alan Colville

  2. Andrei Zmievski

  3. Chris Shiflett

  4. Jon Gibbins

Friends, colleagues, and authors with interesting voices:

  1. Ben Ramsey

  2. Dan Mall

  3. Denna Jones

  4. Ed Finkler

  5. Elizabeth Naramore

  6. Elliot Jay Stocks

  7. John D. Boardley

  8. Helgi Þormar Þorbjörnsson

  9. Joe Leech

  10. Jos Buivenga

  11. Kester Limb

  12. Nicola Pressi

  13. Patrick H. Lauke

  14. Piotr Fedorczyk

  15. Richard Rutter

  16. Rick Hurst

  17. Sean Coates

  18. Simon Pascal Klein

  19. Terry Chay

Work with me via ~ Analog ~ a creative consortium.