Setting the file. One moment.
Subchapter 10.17
references/preset-web-fonts.mdMarkdown2 KBView on GitHub
import { defineConfig, presetWebFonts, presetWind3 } from 'unocss'
export default defineConfig({
presets: [
presetWind3(),
presetWebFonts({
provider: 'google',
fonts: {
sans: 'Roboto',
mono: 'Fira Code',
},
}),
],
})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 fontfonts: {
// 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',
},
],
}<p class="font-sans">Roboto</p>
<code class="font-mono">Fira Code</code>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',
})
})