This is the archive of jontangerine.com version one, made in 2006, launched in 2007, and active until 2012. It’s archived to preserve the original design and its content that was referenced in multiple posts, books and galleries. There’s a holding page before the new site arrives.

/ 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

23 Comments

  1. 1. By Leon on 10th Mar ’09 at 07:55am

    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 03: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 07:42am

    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 07:38am

    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 02: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 06:31am

    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 12: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 01: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 6th Jul ’09 at 20:11pm

    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 01: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 13:07pm

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

  12. 12. By Veyton on 1st Aug ’09 at 01: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 10:07am

    @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 15: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 14th Dec ’09 at 16:06pm

    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 03:09am

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

  17. 17. By Ben on 2nd Nov ’10 at 04:41am

    Loving the slides, what a great way to learn

  18. 18. By Tom on 17th Nov ’10 at 11:39am

    You may wish to know the link at the top of this page (anchored “SkillSwap Goes Typographic") currently goes through to a strange sedo holding page. Sorry not trying to be a pedant, was just keen to read the content!

  19. 19. By Gary on 17th Nov ’10 at 11:48am

    Looks like that domain has changed, you can find the content here:

    http://skillswap.org/brighton/typographic/

  20. 20. By Tom on 17th Nov ’10 at 12:08pm

    Hey that was super quick! Cheers Gary.

  21. Jon 陳’s profile 21. By Jon 陳 on 19th Nov ’10 at 05:55am

    Thanks for the heads up Tom! Thanks, too, Gary. I’ve updated the link to the new URL.

  22. 22. By Gary on 19th Nov ’10 at 12:05pm

    Hi Jon,

    While you’re here, I have a question…

    I’m using a base font size of 12 with a line height of 18. What I’m noticing is that when I up the font size to 14 (1.167em) and keep the line height at 18 (1.286em), the base line of the text doesn’t seem to match up with other 12px text.

    The line height of the paragraph is correct, I can use FireBug to see the calculated sizes and highlight the area - I can align other elements to it with no issues, but the text just doesn’t look quite right as the baseline appears one pixel lower…

    Am I doing something wrong or is this normal? I could always manually shift the text up one pixel, which looks better - but it’s not… y'know… zen… ;)

  23. 23. By Gary on 19th Nov ’10 at 18:15pm

    I’ve realised this is a silly question. It’s one pixel either side - that it doesn’t look quite 'right' to me, doesn’t mean that it isn’t…. Which begs the question, is it better to be correct, or to trust your eye?

Comments for this entry are closed.

Lately in the Log

  1. Anakin Tue, 26th Jun 2012 {4}

    I’m pleased to be able to say that Analog is joining forces with…

  2. We, Who Are Web Designers Mon, 19th Sep 2011 {66}

    In 2003, my wife Lowri and I went to a christening party. We were friends…

  3. Ampersand, the Aftermath Wed, 22nd Jun 2011 {3}

    The first Ampersand web typography conference took place in Brighton last…

  4. Design Festival, The Setup, and Upcoming Posts Mon, 20th Jun 2011 {0}

    Wow, this has been a busy period. I’m just back from the Ampersand…

  5. Web Design as Narrative Architecture Wed, 30th Mar 2011 {12}

    Stories are everywhere. When they don’t exist we make up the…

  6. Ides of March Tue, 15th Mar 2011 {4}

    My friend and colleague, Chris, has shared a spiffing idea, the Ideas of…

Remarks from the log

  1. By pixelangry in We, Who Are Web Designers:

    Unfortunately, here in Italy, the figure of the web designer is seen as a figure who plays a nerd on the computer,…

  2. By George in Copywriting, Experience Design, Daleks & Julio:

    Thanks

  3. By Martins in Typeface != Font:

    Great post Jon, I stumbled across it by chance on Google..!!

  4. By DarkStar in Smoothing out the Creases in Web Fonts:

    I agree with Leicester that table is great!

  5. By Martin Varesio in Ampersand, the Aftermath:

    His dry, droll, richly-flavoured delivery was a humorous counterpoint to some controversial asides…

  6. By Steve Blakeborough in Display Type & the Raster Wars:

    Hi Jon, In Elliot’s recent and informative article http://bit.ly/13sAS5X he suggested you might be bullied…

Live the questions and one day grow into the answers.