OmniFont

Ponad 155 000 znaków obejmujących Unicode

Początkowy ładunek to tylko 612 bajtów skompresowanych gzipem

Pliki czcionek pobierane są tylko w razie potrzeby

Cały tekst na tej stronie jest renderowany za pomocą czcionki OmniFont

Pobrane pliki

0

%

Pobrane dane

0

%

Nie możesz wymyślić niczego do wpisania? Kliknij tutaj

Jak używać OmniFont

Aby użyć OmniFont, możesz załadować skrypt w następujący sposób:

HTML

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

CSS

* {
  font-family: *Czcionka główna*, OmniFont;
}

: OmniFont jest darmowy w użyciu. Zawsze doceniamy wzmiankę lub link do tej strony, ale nie musi być nigdzie widoczny i nie jest wymagany.
: Oto wpis na blogu, który wyjaśnia to bardziej szczegółowo.
: Głównym zastosowaniem będzie użycie czcionki zapasowej dla znaków, których czcionka główna może nie zawierać.

Na przykład, jeśli Twoja witryna zawiera treści generowane przez użytkowników, mogą one zawierać znaki, których nie planowałeś, a OmniFont może wypełnić te luki, dzięki czemu użytkownicy zobaczą coś lepszego niż brakujący symbol glifa.
: OmniFont jest nadal w fazie eksperymentalnej, więc istnieje możliwość, że brakuje jakiegoś znaku. Jeśli tak się stanie, nie wahaj się nas o tym poinformować, abyśmy mogli to naprawić.

Zalecamy zawsze używanie kodu ładującego JavaScript za pośrednictwem znacznika script. W ten sposób zawsze będziesz mieć najnowszą wersję z najnowszymi poprawkami.
: Nie powinno to mieć na to żadnego wpływu. Został zaprojektowany tak, aby nie blokować ładowania strony głównej. Początkowy skrypt ma tylko ~1 kb bez kompresji, ~600 bajtów skompresowanych gzipem i ~500 bajtów skompresowanych brotli, więc jest bardzo mały. Pliki skryptu i czcionki są obsługiwane przez CDN.

Uruchomiliśmy Lighthouse na tej stronie 5 razy, z OmniFont i bez niego, a wyniki mieściły się w standardowych kilku punktach zmienności pomiędzy uruchomieniami Lighthouse.