tailwindcss-typography icon indicating copy to clipboard operation
tailwindcss-typography copied to clipboard

Published 20 hours ago • verified publisher icon tailwindlabs

`a` inside heading (e.g. `h1`, `h2`) is rendered with lighter font weight

Open domdomegg opened this issue 6 months ago • 1 comments

What version of @tailwindcss/typography are you using?

v0.5.16

What version of Node.js are you using?

v22

What browser are you using?

Chrome

What operating system are you using?

macOS

Reproduction repository

https://play.tailwindcss.com/PouNRCQvlr

Describe your issue

The a tag styles override the font weight. This makes it stick out weirdly in headers:

Image

Here it is in the playground - less bad because there is less differentiation between the font weights with the playground's font, but still looks weird:

Image

Solution might look something similar to https://github.com/tailwindlabs/tailwindcss-typography/issues/275

domdomegg avatar Apr 24 '25 13:04 domdomegg