0.0.4 ⢠Published 5 months ago
fastfont v0.0.4
fastfont šØ
Download Google Fonts locally and configure them with TailwindCSS in one command. Entirely made by AI. React me at palazski@gmail.com
Features
- š¦ Downloads font files locally with optimal directory structure
- š Supports variable fonts and all variants (weights, styles)
- š Preserves language subsets (latin, cyrillic, etc.)
- ā” Automatically configures TailwindCSS
- šÆ Project-aware (detects Next.js, Vite, Vue, etc.)
- šŖ Handles complex font configurations
Directory Structure
For a font named "Inter", fastfont will create:
fonts/
āāā inter/
āāā inter.css # Font-specific CSS file
āāā inter/ # Font files directory
āāā Inter-latin.woff2
āāā Inter-cyrillic.woff2
āāā ...other variants
Project Detection
Automatically detects your project type and uses appropriate paths:
- Next.js:
public/fonts
- React/Vite:
public/fonts
- Vue:
public/fonts
- Angular:
src/assets/fonts
- Generic:
fonts
After Installation
Add the generated CSS import to your main CSS file:
import url("public/fonts/inter/inter.css");
Use the font in your HTML/JSX:
<div class="font-inter">Hello World!</div>
License
MIT