Skip to content
Stable

Fonts

Font face declarations for nib and partners.

Installation

bash
npm install @nib/fonts

Usage

Fonts are referenced by the theme, but not automatically included. Import the fonts for the brand you want and add to the root of your app.

jsx
import {NibFonts} from '@nib/fonts';

Interactive demo

jsx
import Theme, {nib} from '@nib-components/theme';
import {NibFonts} from '@nib/fonts';
const App = () => (
<Theme theme={nib}>
<>
<NibFonts />
{children}
</>
</Theme>
);

Props

There are no props for these font components.

Google fonts

Some brands use fonts that are available on google fonts. It is more performant to self-host the font files. If self-hosting fonts, make sure you remember to not also load the fonts from google in our React HTML package.