Article Title (font-bold)

Gotcha Reminder: The visual effect of font-light (or other non-standard weights like font-thin , font-extralight , font-medium , font-extrabold , font-black ) is entirely dependent on the font family being used. If the active font (e.g., the browser's default 'sans-serif' or a custom font you've loaded) does not include a "light" weight variant, then applying font-light will not change the text's appearance, or it might fall back to the closest available weight (often 'normal').

To ensure font weights work as expected:

• Use a font family that explicitly supports the weights you need.
• When using custom fonts (e.g., Google Fonts), make sure to select and include all necessary weights when importing the font.

For instance, if you're using the default system sans-serif font, it usually has good support for `light`, `normal`, `semibold`, and `bold`.