Tag Archives: typography

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

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 … Continue reading

Elsewhere , , , Leave a comment

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 … Continue reading

Elsewhere , , , Leave a comment