The CSS and web font files to easily self-host “Chakra Petch” with subset "all".
npm install --save @openfonts/chakra-petch_all
Typefaces assume you’re using webpack to process CSS and files. Each typeface package includes all necessary font files (woff2, woff) and a CSS file with font-face declarations pointing at these files.
To use, simply require the package in your project’s entry file e.g.
// Load Chakra Petch typeface require('@openfonts/chakra-petch_all')
Usage in SCSS: