Install the variable version of this font by running the following command:
⬤⬤
npm install @fontsource-variable/bitcount-grid-single-ink
sh
⬤⬤
yarn add @fontsource-variable/bitcount-grid-single-ink
sh
⬤⬤
pnpm add @fontsource-variable/bitcount-grid-single-ink
sh
⬤⬤
bun add @fontsource-variable/bitcount-grid-single-ink
sh
Include the following line in the root layout of your project to import the font:
⬤⬤
jsx
Include the CSS in your project by adding the following line to your project:
⬤⬤
css
Note: Advanced usage is recommended for users who explicitly need to control their @font-face declarations and is only compatible with Vite-based frameworks or similar.Import this into your global CSS file. Your bundler will automatically rewrite the URL into a useable asset:
⬤⬤
css
Then include the following CSS in your project:
⬤⬤
css
Install the static version of this font by running the following command:
⬤⬤
npm install @fontsource/bitcount-grid-single-ink
sh
⬤⬤
yarn add @fontsource/bitcount-grid-single-ink
sh
⬤⬤
pnpm add @fontsource/bitcount-grid-single-ink
sh
⬤⬤
bun add @fontsource/bitcount-grid-single-ink
sh
Include the following line in the root layout of your project to import the font:
⬤⬤
jsx
Include the CSS in your project by adding the following line to your project:
⬤⬤
css
Note: Advanced usage is recommended for users who explicitly need to control their @font-face declarations and is only compatible with Vite-based frameworks or similar.Import this into your global CSS file. Your bundler will automatically rewrite the URL into a useable asset:
⬤⬤
css
Then include the following CSS in your project:
⬤⬤
css
// Supports weights 100-900import '@fontsource-variable/bitcount-grid-single-ink/wght.css';
body {font-family: 'Bitcount Grid Single Ink Variable', system-ui;}
/* bitcount-grid-single-ink-latin-wght-normal */@font-face {font-family: 'Bitcount Grid Single Ink Variable';font-style: normal;font-display: swap;font-weight: 100 900;src: url(@fontsource-variable/bitcount-grid-single-ink/files/bitcount-grid-single-ink-latin-wght-normal.woff2) format('woff2-variations');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
body {font-family: 'Bitcount Grid Single Ink Variable', system-ui;}
import '@fontsource/bitcount-grid-single-ink';
body {font-family: 'Bitcount Grid Single Ink', system-ui;}
/* bitcount-grid-single-ink-latin-400-normal */@font-face {font-family: 'Bitcount Grid Single Ink';font-style: normal;font-display: swap;font-weight: 400;src: url(@fontsource/bitcount-grid-single-ink/files/bitcount-grid-single-ink-latin-400-normal.woff2) format('woff2'),url(@fontsource/bitcount-grid-single-ink/files/bitcount-grid-single-ink-latin-400-normal.woff) format('woff');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
body {font-family: 'Bitcount Grid Single Ink', system-ui;}