@heathmont/moon-fonts
v10.7.1
Published
--- name: Fonts menu: Private route: /private/fonts ---
Downloads
1,087
Maintainers
Keywords
Readme
name: Fonts menu: Private route: /private/fonts
Fonts
A collection of private fonts for use within the Sportsbet design system, currently including:
avertaStd
- Averta Standard (sportsbet.io)
Usage
- Import the
fontFace
into your global stylesheet.
import { avertaStd } from '@heathmont/moon-fonts';
import { createGlobalStyle } from 'styled-components';
const Global = createGlobalStyle(avertaStd.fontFace);
export const App = () => (
<main>
<Global styles={avertaStd.fontFace} />
{/* …app */}
</main>
);
- Import crucial font settings into your theme's design tokens for further implementation:
import { avertaStd } from '@heathmont/moon-fonts';
export const yourTheme = {
// other theme settings…
fontFamily: avertaStd.fontStack,
fontWeight: avertaStd.fontWeight,
};