# @mark/fonts > Font files and font-family definitions for Mark, TR, and MKIT Design Systems ## Installation ```bash # npm npm install @mark/fonts # pnpm pnpm add @mark/fonts # yarn yarn add @mark/fonts ``` ## Usage Import the font CSS for your desired design system: ```javascript // Mark Design System import '@mark/fonts/fonts.css' // TR Design System import '@mark/fonts/fonts-tr.css' // MKIT Design System import '@mark/fonts/fonts-mkit.css' // MKIT Valtio Theme import '@mark/fonts/fonts-mkit-valtio.css' ``` ## Development ### Adding New Fonts 1. Add font files to `src/fonts` 2. Update appropriate CSS file in `src`: - `fonts.css` for Mark - `fonts-tr.css` for TR - `fonts-mkit.css` for MKIT - `fonts-mkit-valtio.css` for MKIT Valtio theme 3. Update exports in `package.json` 4. Update documentation