OmniFont

すべての Unicode 文字を 1 つのフォントにまとめました。

155,000以上の文字をUnicodeでカバー

初期ペイロードはgzip圧縮された612バイトのみ

フォントファイルは必要な場合にのみダウンロードされます

このページのすべてのテキストはOmniFontでレンダリングされています

ダウンロードされたファイル

0

%

ダウンロードされたデータ

0

%

入力するものが思い浮かばない？ここをクリックしてください

OmniFontの使い方

OmniFont を使用するには、次のようにスクリプトをロードします。

HTML

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

CSS

* {
  font-family: *メインフォント*, OmniFont;
}

よくある質問

: OmniFont は無料でご利用いただけます。このページへの言及やリンクはいつでも歓迎しますが、目立つ場所に置く必要はなく、必須でもありません。
: 仕組みを詳しく説明したブログ記事はこちらです。
: 主な使用例は、メインフォントに含まれていない文字のバックアップフォントとして使用することです。

たとえば、Web サイトにユーザー生成コンテンツがあり、想定していなかった文字が含まれている場合、OmniFont はそれらのギャップを埋めることができるため、ユーザーは欠落しているグリフ記号よりも優れたものを見ることができます。
: OmniFont はまだ実験段階なので、不足している文字が見つかる可能性があります。その場合は、遠慮なくお知らせください。修正いたします。

常にスクリプトタグ経由で Javascript 読み込みコードを使用することをお勧めします。これにより、常に最新の修正が適用された最新バージョンが提供されます。
: まったく影響はありません。メインページの読み込みをブロックしないように設計されています。初期スクリプトは、圧縮されていない状態で約 1 KB、gzip 圧縮された状態で約 600 バイト、brotli 圧縮された状態で約 500 バイトと、非常に小さいです。スクリプトとフォントファイルは CDN によって提供されます。

このページで、OmniFont ありとなしの状態でそれぞれ 5 回 Lighthouse を実行しましたが、スコアは Lighthouse の実行間の標準的な数ポイントの変化の範囲内でした。