Improve the legibility of text when using fallback fonts.

A little fix for Safari.

(I did a Twitter thread on this a while back, against my better judgment, and now moving to a proper blog.) The hanging-punctuation property in CSS is almost a no-brainer. The classic example is a …

To learn more about the behaviors of container query units, we'll explore three fluid typography techniques applied via a "mixin" using custom properties. These upgraded methods will produce truly responsive typography, regardless of context.

A look at text wrap balancing in CSS

The website of Robin Rendle, a designer and writer from the UK.

How to use CSS line-height? Here is how.

Min, max, and clamp provide some powerful CSS capabilities that enable more responsive styling with fewer liens of code. This post goes over how to control element sizing, maintain proper spacing, and implement fluid typography using these well-supported CSS math functions.

Responsive typography has been tried in the past with a slew of methods such as media queries and CSS calc(). Here, we’re going to explore a different way

How an emerging CSS standard can fix old problems and raise the bar for web apps

Before we come to how to style underlines, we should answer the question: should we underline? In graphic design, underlines are generally seen as

Automatic hyphenation on the web has been possible since 2011 and is now broadly supported. There is however far more control available to designers than just turning on hyphens.

Explanations of individual OpenType features in detail, with specific examples of each.

Here’s an idea! Let’s make an an HTML play inside the shape of some letters. Like "Knockout Text" except instead of an image behind, it’s video. A live demo will explain more clearly: See the Pen basic pen by Giulio Mainardi (@mgiulio) on CodePen. A key objective here is to develop this responsively. The idea is to

I think most front-end developers have accepted that fonts in the browser and especially the ones on those large headings look very much…

Collection of HTML and CSS text effects with little JavaScript: 3D, animated, glitch, hover, shadow, rotating and typing. Demo and download code (*zip). 3D CSS Typography (demo image) 3D CSS Typograph...

In early 2012, I shared a formula for “molten leading”, or fluid line spacing. Experienced typograph...

I talked about using [rem and em](/blog/rem-vs-em/) for [responsive t

I did some search around the web and there are heaps of CSS3 examples that are really make my eyes wide opened! It's incredible! I could never imagine to make animation using CSS few years ago. So, in...

Create Your Own @font-face Kits by uploading the fonts you want to use.