Skip to content

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

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
domdomegg opened this issue Apr 24, 2025 · 1 comment
Open

Comments

@domdomegg
Copy link

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

@domdomegg
Copy link
Author

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant