I really dig the vw and vh units as – in some of the projects I work on – I really do need to place some things relative to the viewport itself. Never thought of using it to define font-sizes though 🙂 Viewport Unit Based Typography →
Tag Archives: typography
Multicolor Fonts in the browser
Seemingly out of nowhere, big guys like Apple, Google, Microsoft, Mozilla and Adobe are proposing multicolor font formats, and rushing to have them implemented in browsers and OSes. This sudden interest is not so much fueled by typographers, designers or web developers, but by an unlikely group: teenagers. More specifically: teenagers who demand their communication …
CSS3 text-align-last
.caption { text-align: justify; text-align-last: center; } The text-align-last property describes how the last line of a block or a line right before a forced line break is aligned when ‘text-align’ is ‘justify’, which means you gain full control over the alignment of the last line of a block. As seen in the example above …
Frames of Life
Type Scale
Typographic Posters
The History of Typography
Responsive Typography using 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 …
Continue reading “SlabText — A jQuery Plugin for producing big, bold & responsive headlines”
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 …