OmniFont

Oltre 155.000 caratteri per coprire Unicode

Payload iniziale solo 612 byte compressi

I file dei font vengono scaricati solo se necessario

Tutto il testo in questa pagina è reso con OmniFont

File scaricati

0

%

Dati scaricati

0

%

Non ti viene in mente niente da scrivere? Clicca qui

Come usare OmniFont

Per utilizzare OmniFont, puoi caricare lo script come segue:

HTML

<script
  src="https://cdn.slatona.com/omnifont.js"
  defer async
></script>

CSS

* {
  font-family: *Carattere principale*, OmniFont;
}

: OmniFont è gratuito. Apprezziamo sempre una menzione o un link a questa pagina, ma non deve essere in evidenza e non è obbligatorio.
: Ecco un post del blog che spiega più in dettaglio come funziona.
: Il caso d'uso principale sarebbe quello di font di backup per i caratteri che il font principale potrebbe non contenere.

Ad esempio, se il tuo sito web contiene contenuti generati dagli utenti, potrebbero contenere caratteri che non avevi previsto. OmniFont può colmare queste lacune in modo che i tuoi utenti vedano qualcosa di meglio di un simbolo glifo mancante.
: OmniFont è ancora un po' sperimentale, quindi è possibile che manchi un carattere. In tal caso non esitare a farcelo sapere, così possiamo risolvere il problema.

Consigliamo di utilizzare sempre il codice di caricamento Javascript tramite il tag script, in questo modo avrai sempre la versione più recente con le ultime correzioni.
: Non dovrebbe influenzarlo affatto. È progettato per non bloccare il caricamento della pagina principale. Lo script iniziale è solo ~1kb non compresso, ~600 byte compressi con gzip e ~500 byte compressi con brotli, quindi è molto piccolo. I file script e font sono serviti da una CDN.

Abbiamo eseguito Lighthouse su questa pagina 5 volte, con e senza OmniFont, e i punteggi rientravano nei pochi punti di flusso standard tra le esecuzioni di Lighthouse.