Responsive Typography using Face Detection

responsive-typography-face-detection

Typesetting based upon your distance to your screen. Clever use of WebRTC’s getUserMedia and JavaScript Face Detection

In case you don’t have a capable browser, this is what it looks like:

Responsive Typography: Breakpoints Demo →
Responsive Typography: Realtime Demo →

(via Jeremy)

Related: headtrackr →

SlabText — A jQuery Plugin for producing big, bold & responsive headlines

Put simply, the script splits headlines into rows before resizing each row to fill the available horizontal space. The ideal number of characters to set on each row is calculated by dividing the available width by the pixel font-size – the script then uses this ideal character count to split the headline into word combinations that are displayed as separate rows of text

SlabText Demo →

Amsterdam Kerning

Today, in September 2012, the middle section of the roof is still missing, so all we can see is AM…RDAM. Being worrisome by nature, we typographers can’t help expressing some concerns: did the architects and roofers calculate everything exactly right? Will the missing letters fit into the remaining space? And did the roofers adhere to proper kerning specifications?

Roof Kerning in Amsterdam →

(via )

Related: keming

Web Typography for the Lonely

Web Typography for the Lonely is an ongoing collection of experiments and writings on web typography and the possibilities of standards-based web design. It aims to inspire the web community by pushing the boundries of what is both possible and practical in web standards in a manner that is compelling and exciting to the visually-minded creative.

Web Typography for the Lonely →