OmniFont

Over 155,000 characters to cover Unicode

Initial payload only 612 bytes gzipped

Font files only downloaded if needed

All the text on this page is rendered with OmniFont

Files downloaded

0

%

Data downloaded

0

%

Can't think of anything to type? Click here

How to use OmniFont

To use OmniFont, you can load the script as follows:

HTML

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

CSS

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

: OmniFont is free to use. We always appreciate a mention or a link to this page, but it doesn't have to be anywhere prominent, and it's not required.
: Here's a blog post that explains in more detail how it works.
: The main use case would be as a backup font for characters you main font might not contain.

For example if your website has user generated content, it might contain characters you didn't plan for, OmniFont can fill in those gaps so your users are seeing something better than a missing glyph symbol.
: OmniFont is still a bit experimental, so it's possible you might find a missing character, if so don't hesitate to let us know so we can fix it.

We recommend always using the Javascript loading code via the script tag, that way you will always have the latest version with the latest fixes.
: It shouldn't affect it at all. It's designed to not block main page loading. The initial script is only ~1kb uncompressed, ~600 bytes gzipped, and ~500 bytes brotli compressed, so it's very small. The script and font files are served by a CDN.

We ran Lighthouse on this page 5 times each with and without OmniFont and the scores were within the standard few points of flux between runs of Lighthouse.