`a` inside heading (e.g. `h1`, `h2`) is rendered with lighter font weight
Opened this issue · 1 comments
domdomegg commented
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:
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:
Solution might look something similar to #275
domdomegg commented
Workaround: apply the prose-a:in-prose-headings:font-bold class