fargo
1a822493ba
963 markdown files reformatted with the repository's pinned prettier so pnpm format:check covers the folded tree like every other repo file. The formatter's embedded-language pass also normalized code fences (TS semicolons, closed HTML tags in examples, lowercased CSS hex colors, one renumbered list that skipped an index). Alphanumeric token deltas vs the fold commit were audited file-by-file; all are formatter-equivalent markup normalizations plus the four sanitized skills.
1.6 KiB
1.6 KiB
name, description
| name | description |
|---|---|
| preset-web-fonts | Easy Google Fonts and other web fonts integration |
Preset Web Fonts
Easily use web fonts from Google Fonts and other providers.
Installation
import { defineConfig, presetWebFonts, presetWind3 } from 'unocss';
export default defineConfig({
presets: [
presetWind3(),
presetWebFonts({
provider: 'google',
fonts: {
sans: 'Roboto',
mono: 'Fira Code',
},
}),
],
});
Providers
google- Google Fonts (default)bunny- Privacy-friendly alternativefontshare- Quality fonts by ITFfontsource- Self-hosted open source fontscoollabs- Privacy-friendly drop-in replacementnone- Treat as system font
Font Configuration
fonts: {
// Simple
sans: 'Roboto',
// Multiple (fallback)
mono: ['Fira Code', 'Fira Mono:400,700'],
// Detailed
lato: [
{
name: 'Lato',
weights: ['400', '700'],
italic: true,
},
{
name: 'sans-serif',
provider: 'none',
},
],
}
Usage
<p class="font-sans">Roboto</p>
<code class="font-mono">Fira Code</code>
Local Fonts
Self-host fonts:
import { createLocalFontProcessor } from '@unocss/preset-web-fonts/local';
presetWebFonts({
provider: 'none',
fonts: { sans: 'Roboto' },
processors: createLocalFontProcessor({
cacheDir: 'node_modules/.cache/unocss/fonts',
fontAssetsDir: 'public/assets/fonts',
fontServeBaseUrl: '/assets/fonts',
}),
});