Better @font-face with Font Load Events—SmashingConf Whistler

This content originally appeared on Zach Leatherman and was authored by Zach Leatherman

Of all the talks I’ve given thus far in my career, I think this one is the one I’m most proud of. The conference was fun: the attendees were lively and attentive, the location was beautiful (after it quit raining), and Vitaly sprinkled a bunch of easter eggs into the conference which always adds a little something extra. A huge thank you to Tim Kadlec for inviting me to speak.

• SmashingConf Whistler 2014
• SmashingConf Whistler 2014 Direct Session Link

Video #

Skip to 3:43 to see me attempt to trick a crowd of 300 people into doing the flashback arm waving sequence from Wayne’s World, something I decided would be okay to try after seeing the responses to this tweet.

Slides on Speaker Deck (203 slides) #

Links (in order of slide appearance) #

• OpenType Format advanced typographic features: font-feature-settings
• State of Web Type, compatibility tables for web typography.
• WOFF2 Google Fonts Size Comparison
• Use FontSquirrel WebFont Generator for Custom Subsetting
• CSS Font Loading API
• FontFaceOnload, a polyfill for font load events.
• Font Family Reunion, compatibility tables for default installed fonts.
• font-rendering CSS Property
• Unify, compatibility tables for Unicode characters
• A Font Garde, how to do Icon Fonts correctly.

Storify Scrapbook #

This content originally appeared on Zach Leatherman and was authored by Zach Leatherman

Print Share Comment Cite Upload Translate Updates

APA

Zach Leatherman | Sciencx (2015-02-27T06:00:00+00:00) Better @font-face with Font Load Events—SmashingConf Whistler. Retrieved from https://www.scien.cx/2015/02/27/better-font-face-with-font-load-events-smashingconf-whistler/

MLA

" » Better @font-face with Font Load Events—SmashingConf Whistler." Zach Leatherman | Sciencx - Friday February 27, 2015, https://www.scien.cx/2015/02/27/better-font-face-with-font-load-events-smashingconf-whistler/

HARVARD

Zach Leatherman | Sciencx Friday February 27, 2015 » Better @font-face with Font Load Events—SmashingConf Whistler., viewed ,<https://www.scien.cx/2015/02/27/better-font-face-with-font-load-events-smashingconf-whistler/>

VANCOUVER

Zach Leatherman | Sciencx - » Better @font-face with Font Load Events—SmashingConf Whistler. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2015/02/27/better-font-face-with-font-load-events-smashingconf-whistler/

CHICAGO

" » Better @font-face with Font Load Events—SmashingConf Whistler." Zach Leatherman | Sciencx - Accessed . https://www.scien.cx/2015/02/27/better-font-face-with-font-load-events-smashingconf-whistler/

IEEE

" » Better @font-face with Font Load Events—SmashingConf Whistler." Zach Leatherman | Sciencx [Online]. Available: https://www.scien.cx/2015/02/27/better-font-face-with-font-load-events-smashingconf-whistler/. [Accessed: ]

rf:citation

» Better @font-face with Font Load Events—SmashingConf Whistler | Zach Leatherman | Sciencx | https://www.scien.cx/2015/02/27/better-font-face-with-font-load-events-smashingconf-whistler/ |

Please log in to upload a file.

There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.