Fonts

Font files and css 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.

Theme
Heading
Copy
React HTML