tailwindlabs/tailwindcss-typography

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

Opened this issue · 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 #275

Workaround: apply the prose-a:in-prose-headings:font-bold class