Preset Fonturi Web

Utilizați fonturi web de la Google Fonts, FontShare furnizând simplu numele fonturilor.

Vezi toți providerii suportați.

Codul Sursă

Instalare

pnpm

pnpm add -D @unocss/preset-web-fonts

yarn

yarn add -D @unocss/preset-web-fonts

npm

npm install -D @unocss/preset-web-fonts

bun

bun add -D @unocss/preset-web-fonts

import presetWebFonts de la '@unocss/preset-web-fonts'
import presetWind3 de la '@unocss/preset-wind3'
import { defineConfig } de la 'unocss'

export default defineConfig({
  presets: [
    presetWind3(),
    presetWebFonts({ /* opțiuni */ }),
  ],
})

TIP

Acest preset este inclus în pachetul unocss, îl puteți importa și de acolo:

import { presetWebFonts } de la 'unocss'

Provideri

În prezent providerii suportați:

• none - nu face nimic, tratează fontul ca font de sistem
• google - Google Fonts
• bunny - Fonturi Google Prietenoase cu Confidențialitatea
• fontshare - Serviciu de Fonturi de Calitate de la ITF

INFO

PR binevenit pentru a adăuga mai mulți provideri. 🙌

Funcție personalizată de preluare

Utilizați propria funcție pentru a prelua sursa fontului.

import presetWebFonts de la '@unocss/preset-web-fonts'
import presetWind3 de la '@unocss/preset-wind3'
import axios de la 'axios'