[v4] Normal font weight is not respected #14656
-
|
What version of Tailwind CSS are you using? ^4.0.0-alpha.26 What build tool (or framework if it abstracts the build tool) are you using? Vite (v5.4.8) with React (v18.3.1) What version of Node.js are you using? v21.7.3 What browser are you using? Safari What operating system are you using? macOS Reproduction URL https://play.tailwindcss.com/jFiizARA8r Describe your issue When setting a font weight via the new CSS variable syntax: @theme {
--font-weight-normal: 375;
}It's not set globally by default for all html tags, and it also shows as "NaN" within Safari dev tools. I have tried changing it to
|
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 2 replies
-
|
Hey! This looks like it's working as expected to me, the 
If you're expecting it to be set for the whole document, you need to add the |
Beta Was this translation helpful? Give feedback.
-
|
Hey :) Thanks for such a quick reply, my bad I thought it would be set globally, I didn't realise I needed to set it in my html/body. Loving v4 so far, great job with everything! Congrats on the house |
Beta Was this translation helpful? Give feedback.
-
|
Also, is there any reason why Safari reports the font weight as "NaN" by any chance? |
Beta Was this translation helpful? Give feedback.
Hey! This looks like it's working as expected to me, the
font-normalclass is correctly setting the font weight to 375:If you're expecting it to be set for the whole document, you need to add the
font-normalclass to the<html>or<body>elements — we don't automatically take whatever you set forfont-normaland apply it to the document. Same behavior in v3 👍