Skip to content

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

Description

@domdomegg

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions