Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 | 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x | /**
* Web fonts loaded via `next/font/google`.
*
* Inter is the workhorse for body and UI; Fraunces is the celebration display
* face — a variable serif with `opsz` (optical sizing) and `SOFT` axes so we
* can dial up softness on the public song-share page where the moment calls
* for warmth, while keeping a stiffer/quieter posture elsewhere.
*
* Both expose CSS variables so Panda CSS tokens (panda.config.ts) can resolve
* to them.
*/
import { Fraunces, Inter } from 'next/font/google'
export const inter = Inter({
subsets: ['latin'],
variable: '--font-inter',
display: 'swap',
})
// Variable build: weight is implicit (axis), so we pass `axes` for the extra
// SOFT + opsz dimensions rather than a `weight` array.
export const fraunces = Fraunces({
subsets: ['latin'],
variable: '--font-fraunces',
display: 'swap',
style: ['normal', 'italic'],
axes: ['SOFT', 'opsz'],
})
|