OmniFont

Över 155 000 tecken för att täcka Unicode

Initial nyttolast endast 612 byte gzippad

Teckensnittsfiler laddas bara ned om det behövs

All text på den här sidan renderas med OmniFont

Filer nedladdade

0

%

Data nedladdade

0

%

Kommer du inte på något att skriva? Klicka här

Hur man använder OmniFont

För att använda OmniFont kan du ladda skriptet enligt följande:

HTML

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

CSS

* {
  font-family: *Huvudteckensnitt*, OmniFont;
}

: OmniFont är gratis att använda. Vi uppskattar alltid ett omnämnande eller en länk till den här sidan, men det behöver inte vara någonstans framträdande, och det är inte nödvändigt.
: Här är ett blogginlägg som förklarar mer i detalj hur det fungerar.
: Det huvudsakliga användningsfallet skulle vara som reservteckensnitt för tecken som du kanske inte innehåller.

Om din webbplats till exempel har användargenererat innehåll kan den innehålla tecken som du inte planerat för, OmniFont kan fylla i dessa luckor så att dina användare ser något bättre än en saknad glyfsymbol.
: OmniFont är fortfarande lite experimentellt, så det är möjligt att du hittar en saknad karaktär, tveka i så fall inte att meddela oss så att vi kan fixa det.

Vi rekommenderar att du alltid använder Javascript-laddningskoden via skripttaggen, på så sätt har du alltid den senaste versionen med de senaste korrigeringarna.
: Det borde inte påverka det alls. Den är utformad för att inte blockera huvudsidans laddning. Det ursprungliga skriptet är bara ~1kb okomprimerat, ~600 byte gzippat och ~500 byte brotli komprimerat, så det är väldigt litet. Skriptet och teckensnittsfilerna betjänas av ett CDN.

Vi körde Lighthouse på den här sidan 5 gånger vardera med och utan OmniFont och poängen låg inom standarden för några flödespunkter mellan körningarna av Lighthouse.