Skip to content

This issue was moved to a discussion.

You can continue the conversation there. Go to discussion →

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

Font sizes are not rendering correctly in Chrome #14103

Closed
MarcyLina opened this issue Aug 1, 2024 Discussed in #14102 · 0 comments
Closed

Font sizes are not rendering correctly in Chrome #14103

MarcyLina opened this issue Aug 1, 2024 Discussed in #14102 · 0 comments

Comments

@MarcyLina
Copy link

MarcyLina commented Aug 1, 2024

This very well may be a Chrome issue. I'm on version 127 and macOS Sonoma.

The problem I've run into is that nothing smaller than text-base will render. Anything I have with the classes text-sm and text-xs show up as 1rem. Oddly the line-height does work.

On my main page, I added some <p> tags to test other browsers using text-xs, text-sm, text-base, and text-lg. The screenshots are the results I got:

Chrome:
image

Firefox and Safari:
image

I'm on a Laravel, Inertia, and Vue 3 build. All of those, and Tailwind are on the latest versions.

I did see this issue #1402 while searching for answers, which is fairly similar regarding font-weight and it turned out to be a Chrome bug, so I figured I'd post anyway to at least get some attention on the issue and perhaps have it reported to the folks at Chrome.

@tailwindlabs tailwindlabs locked and limited conversation to collaborators Aug 1, 2024
@adamwathan adamwathan converted this issue into discussion #14104 Aug 1, 2024

This issue was moved to a discussion.

You can continue the conversation there. Go to discussion →

Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant