Tag Archives: typography

How one typeface took over movie posters

Interesting piece by Vox on the use of Trajan in movie poster design:

Elsewhere , , Leave a comment

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

Elsewhere , , Leave a comment

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

Original Content , 1 Comment

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

Elsewhere , , Leave a comment

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.”

Elsewhere , , , , Leave a comment

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

Elsewhere , , , Leave a comment

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 →

Elsewhere , , Leave a comment

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

Elsewhere , , Leave a comment

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

Elsewhere , , Leave a comment

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

Elsewhere , , , 1 Comment