Font weight
trovecn/font-weightFreeUtility
Geist variable-font weight tokens for animated font-weight transitions.
Install it
npx shadcn@latest add https://trovecn.dev/r/font-weight.jsonSource
1/**2 * Geist Sans weight tokens for `fontVariationSettings`, used to animate a3 * "ghost-span" element's font-weight without reflowing its layout. Geist is4 * a variable font (loaded without a fixed `weight` in layout.tsx, so5 * next/font/google serves the full `wght` axis) but has no `opsz` axis, so6 * unlike some variable fonts there's no optical-size compensation to pair7 * each weight with.8 */9export const fontWeights = {10 normal: "'wght' 400",11 medium: "'wght' 500",12} as const;
