Tag Archives: typography
How one typeface took over movie posters
Interesting piece by Vox on the use of Trajan in movie poster design:
Hanging Punctuation in CSS
Using the hanging-punctuation CSS property it’s possible to control whether a punctuation mark should hang at the start or end of a line of text, so that they do not disrupt the ‘flow’ of a body of text or ‘break’ … Continue reading
Nicer CSS underlines with text-decoration-skip: ink;
When applying text-decoration: underline; on an element, the line drawn will cross descenders. Using text-decoration-skip one can control the behavior of the underline The text-decoration-skip CSS property specifies what parts of the element’s content any text decoration affecting the element … Continue reading
Deep dive CSS: font metrics, line-height and vertical-align
Line-height and vertical-align are simple CSS properties. So simple that most of us are convinced to fully understand how they work and how to use them. But it’s not. They really are complex, maybe the hardest ones, as they have … Continue reading
Title Design: The Making of Movie Titles
Title designer Dan Perri explains how he designed movie titles for films such as “Star Wars,” “The Exorcist,” and “Raging Bull.”
Responsive Typography
Mike Riethmuller: It is possible to have precise control over responsive typography. Using calc() and viewport units you can create fluid type that scales perfectly between specific pixel values, within a specific viewport range. The formula used is this one: … Continue reading
Type Terms
Welcome to Type Terms! The animated typographic cheat sheet. If you are new to typography or here to refresh your memory, then Type Terms is the perfect tool for you. Type Terms →
Decorative CSS Text Underline
Decorative Text Underline uses a combination of box-shadow and text-shadow to form a modest underline that preserves the element color and weaves between text descenders. Neat, yet very intensive and only works with text that is rendered onto a fixed … Continue reading
Typography for User Interfaces
Viljami Salminen: Since my early days in the industry, I’ve grown to love type and all the little nuances that go into setting it. In this article, I want to share some of the fundamentals that I’ve learned, and hopefully … Continue reading
Viewport Unit Based Typography
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 … Continue reading