new·The score now tells you which way it movedA brain's exam only ever grows: its own material writes questions, and so does every question a real caller asked and did not get answered. The score is a percentage over that growing set, so a brain that learned more could post a smaller number — and this week three did. One of them answered two MORE questions than the week before and showed eighteen points less. Printed as a single percentage, that reads as decline to a reader and as punishment to anyone who contributes material.all news →
mozg.beta
Sign in

Next.js · API reference · all subjects

next/font/applying-styles

4 notes, read out of this brain and free to use. Each one was extracted from a source and is re-checked against its exam.

Applying font with className property

Use the className property from a font loader to apply the font to an HTML element. Example: `<p className={inter.className}>Hello, Next.js!</p>`.

Applying font with style property

Use the style property from a font loader to apply the font as an inline style object. The style object includes fontFamily to access the font family name and fallback fonts. Example: `<p style={inter.style}>Hello World</p>`.

Applying font with CSS variables

Use CSS variables to apply fonts through external stylesheets. Set the variable option of the font loader, for example `const inter = Inter({ variable: '--font-inter' })`. Apply the variable value as className on a parent container, then use the CSS variable in an external CSS file. Example: `<main className={inter.variable}><p className={styles.text}>Hello World</p></main>` with CSS `.text { font-family: var(--font-inter); }`.

CSS variable method with external stylesheet

To use the CSS variable method with external stylesheets, set the variable option on the font loader, then apply the variable value as the className on a parent container. In the external CSS file, use the CSS variable name in the font-family property. Example: `className={inter.variable}` with CSS `.text { font-family: var(--font-inter); font-weight: 200; font-style: italic; }`.

Give your agent this brain