Type something to search...

Blog

Styling Long-Form Content with the Tailwind Typography Plugin

Styling Long-Form Content with the Tailwind Typography Plugin

The first time you render a Markdown post in a Tailwind project, it looks broken. Headings are the same size as paragraphs, lists have no bullets, li

Continue Reading
Typography in Tailwind CSS: Configuring a Custom Type Scale

Typography in Tailwind CSS: Configuring a Custom Type Scale

Tailwind ships with a sensible set of font sizes, from text-xs to text-9xl, and for a prototype they're all you need. Then a designer hands you a

Continue Reading
Color Fonts on the Web: COLRv1, SVG, and What Browsers Support

Color Fonts on the Web: COLRv1, SVG, and What Browsers Support

Every emoji you've ever typed is a color font at work. The smiley faces and flags on your phone aren't images inserted into text. They're glyphs in a

Continue Reading
Icon Fonts vs SVG Icons: Why Most Teams Moved On

Icon Fonts vs SVG Icons: Why Most Teams Moved On

If you built websites in the early 2010s, you probably shipped an icon font. One file, one CSS class per icon, and suddenly you had hundreds of c

Continue Reading
Hanging Punctuation in CSS: Aligning Quotes and Bullets Optically

Hanging Punctuation in CSS: Aligning Quotes and Bullets Optically

Look closely at a pull quote that starts with a quotation mark. The quote mark sits flush with the left edge, and the first letter of the text is pus

Continue Reading
Text Rendering and Font Smoothing: What Actually Works Across Browsers

Text Rendering and Font Smoothing: What Actually Works Across Browsers

Open almost any CSS reset or starter template and you'll find something like this near the top: -webkit-font-smoothing: antialiased, `-moz-osx-font

Continue Reading