css - CSS フォント フェイス、フォントが存在しない場合にのみダウンロード

Question

Web サイト ( Segoe UI) にカスタム フォントを含めましたが、フォント ファイルは約 1 MB で、最初の読み込みに数秒かかります。

Mac を使用していますが、フォントが OSX に同梱されていません。ただし、私の知る限り、Windows には含まれています。

クライアントにまだフォントが存在しない場合、CSSにフォントのみをロードさせるにはどうすればよいですか?

Answer 1

使用しlocal('Segoe UI')てうまくいきました。最初から最後までソースに優先順位を付けているようです。

これが作業コードです

@font-face {
    font-family: Segoe;
    src: local('Segoe UI'), url('fonts/segoeui.ttf') format('truetype'), url('fonts/segoeui.woff') format('woff');
}