Fusion Pixel 10px Proportional KR
Getting Started
Installation
Install the variable version of this font by running the following command:
⬤⬤
npm install @fontsource-variable/fusion-pixel-10px-proportional-kr
sh
⬤⬤
yarn add @fontsource-variable/fusion-pixel-10px-proportional-kr
sh
⬤⬤
pnpm add @fontsource-variable/fusion-pixel-10px-proportional-kr
sh
⬤⬤
bun add @fontsource-variable/fusion-pixel-10px-proportional-kr
sh
Import
Include the following line in the root layout of your project to import the font:
⬤⬤
import '@fontsource/fusion-pixel-10px-proportional-kr';
jsx
CSS
Include the CSS in your project by adding the following line to your project:
⬤⬤
body {font-family: 'Fusion Pixel 10px Proportional KR', sans-serif;}
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.Subsets
Weights
Display
Formats
Copy CSS
Import this into your global CSS file. Your bundler will automatically rewrite the URL into a useable asset:
⬤⬤
/* fusion-pixel-10px-proportional-kr-latin-400-normal */@font-face {font-family: 'Fusion Pixel 10px Proportional KR';font-style: normal;font-display: swap;font-weight: 400;src: url(@fontsource/fusion-pixel-10px-proportional-kr/files/fusion-pixel-10px-proportional-kr-latin-400-normal.woff2) format('woff2'), url(@fontsource/fusion-pixel-10px-proportional-kr/files/fusion-pixel-10px-proportional-kr-latin-400-normal.woff) format('woff');}
css
Then include the following CSS in your project:
⬤⬤
body {font-family: 'Fusion Pixel 10px Proportional KR', sans-serif;}
css
Installation
Install the static version of this font by running the following command:
⬤⬤
npm install @fontsource/fusion-pixel-10px-proportional-kr
sh
⬤⬤
yarn add @fontsource/fusion-pixel-10px-proportional-kr
sh
⬤⬤
pnpm add @fontsource/fusion-pixel-10px-proportional-kr
sh
⬤⬤
bun add @fontsource/fusion-pixel-10px-proportional-kr
sh
Import
Include the following line in the root layout of your project to import the font:
⬤⬤
import '@fontsource/fusion-pixel-10px-proportional-kr';
jsx
CSS
Include the CSS in your project by adding the following line to your project:
⬤⬤
body {font-family: 'Fusion Pixel 10px Proportional KR', sans-serif;}
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.Subsets
Weights
Display
Formats
Copy CSS
Import this into your global CSS file. Your bundler will automatically rewrite the URL into a useable asset:
⬤⬤
/* fusion-pixel-10px-proportional-kr-latin-400-normal */@font-face {font-family: 'Fusion Pixel 10px Proportional KR';font-style: normal;font-display: swap;font-weight: 400;src: url(@fontsource/fusion-pixel-10px-proportional-kr/files/fusion-pixel-10px-proportional-kr-latin-400-normal.woff2) format('woff2'), url(@fontsource/fusion-pixel-10px-proportional-kr/files/fusion-pixel-10px-proportional-kr-latin-400-normal.woff) format('woff');}
css
Then include the following CSS in your project:
⬤⬤
body {font-family: 'Fusion Pixel 10px Proportional KR', sans-serif;}
css