Wrong confirmation ID
  • Email
  • Favorite
  • Download
  • Embed
  • Private Content

Loading…

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

Jake Archibald + Follow Processing...

In your @font-face

by Jake Archibald on Jun 06, 2011

  • 10,028 views

We finally have the ability to serve custom fonts to all popular browsers. However, like everything in our profession, there’s a minefield of gotchas and peculiarities between browsers, devices and o...

More…

We finally have the ability to serve custom fonts to all popular browsers. However, like everything in our profession, there’s a minefield of gotchas and peculiarities between browsers, devices and operating systems.

This presentation (probably meaningless without audio) investigates the browser flaws, optimisations & legal pitfalls in serving webfonts.

Less

Accessibility

Categories

Tags

css3 css font typography font-face @font-face web font-face font css typography web fonts fonts css3 web type typography css3 frontrow @font-face web development web webdesign web design typo. typography design front-end browser webfont web-dev web typography

More...

Upload Details

Uploaded via SlideShare as Adobe PDF

Usage Rights

© All Rights Reserved

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate. If needed, use the feedback form to let us know more details.

Cancel

24 Embeds 698

http://lanyrd.com 424
http://lanyrd.dev 48
http://kurapov.name 43
http://www.soooshial.com 40
http://paolovalzania.wordpress.com 32
http://durdelafeuille.tumblr.com 16
https://si0.twimg.com 16
http://twitter.com 14
https://twimg0-a.akamaihd.net 11
https://twitter.com 10
http://a0.twimg.com 8
http://voyelle.tumblr.com 7
http://paolovalzania.blogspot.com 6
http://paper.li 5
http://zootool.com 4
http://paolovalzania.posterous.com 3
http://safe.tumblr.com 3
http://us-w1.rockmelt.com 2
http://tubemote.com 1
url_unknown 1
http://www.slideshare.net 1
http://juanrazgz.wordpress.com 1
http://talksathome.com 1
http://translate.yandex.net 1

More...

Statistics

Favorites
35
Downloads
155
Comments
10
Embed Views
698
Views on SlideShare
9,330
Total Views
10,028

1–10 of 10 previous next Post a comment

  • DIrtyF Frank Taillandier , Web Quality Assurance at WS Interactive Must see 9 months ago Reply
    Are you sure you want to Yes No
  • frazor Fraser Pearce No video yet? 9 months ago Reply
    Are you sure you want to Yes No
  • ilovetypography John Boardley , xxxxxxx at xxxxxxxxx I’ve only seen the slides, but I think (besides Arial), you’ve done a fantastic job of bringing a pretty technical and dull subject to life. Great stuff! 11 months ago Reply
    Are you sure you want to Yes No
  • winder1ai Winder Lambis wow amazing presentation,I tnik it's very creative 11 months ago Reply
    Are you sure you want to Yes No
  • chrisdavidmills Chris Mills This was my talk of the day at DiBi too - impeccably well tested/researched, and full of really good info. I know a fair bit about web fonts, but I learned a lot, even about my own browser's implementation ;-)

    If that is an informational wank to the face, then I'll have 5 more. And a tissue.

    Also, you should wear it as a badge of honour of someone got offended and walked out!     11 months ago Reply
    Are you sure you want to Yes No
  • jaffathecake Jake Archibald , Web Developer at lanyrd @Tim Ahrens: I’m purely technical, not a designer, hence the poor design/font choice in my slides. It’s not a new deck design, it’s one I’ve used before.

    I don’t credit Håkon with the creation of WOFF in my talk, I credit it to Mozilla, Opera & Microsoft. I don’t have all the info in the slides, I just use them to assist the talky bits. There’ll be a video of the talk at some point, I’ll link it when it’s up.

    Agree re kerning, I wanted to talk about which browsers use kerning & in which situations (also ligatures) but didn’t have the time.

    I wasn’t aware of the cleartype issue, many thanks, I’ll try to create a test case for that and include it in future runs of the talk. Do you have an example to hand?

    Will also look into recomponentizing (is that a word?) TTFs, cheers!     11 months ago Reply
    Are you sure you want to Yes No
  • sanchothefat sanchothefat My favourite talk of the day this was. It was certainly no wank to the face. 11 months ago Reply
    Are you sure you want to Yes No
  • TimAhrens Tim Ahrens , Type Designer at Just Another Foundry Thanks for sharing, very interesting!

    A few comments:

    • Why are you using Arial? Seems a bit strange for a presentation on how to extend the choice of fonts beyond Arial.

    • Was Håkon Wium Lie really the original inventor of WOFF? I thought it was Erik van Blokland and Tal Leming

    • One very effective way of optimizing TTFs that was not mentioned is to recomponentize them.

    • Another very effective way of reduceing the font file size is to strip kerning for scenarios where it will be ignored.

    • TTFs not needing hinting even for large sizes is a common misconception. With ClearType, unhinted TTFs will show unpleasant 'warts' in all sizes.     11 months ago Reply
    Are you sure you want to Yes No
  • jaffathecake Jake Archibald , Web Developer at lanyrd First talk I've done that someone walked out of due to offence. Don't know if that's something to be proud of, but I'm running with that as a tagline. 11 months ago Reply
    Are you sure you want to Yes No
  • philhawksworth Phil Hawksworth , Software devloper at The Team Better in person. Go and see Jake give this talk if you possibly can! 12 months ago Reply
    Are you sure you want to Yes No
Post Comment
Edit your comment Cancel

In your @font-face — Presentation Transcript