css - Web ページで Web 埋め込みフォントをテストするにはどうすればよいですか?

Question

埋め込みフォントが必要な Web サイトに取り組んでいます。

マシンからローカルの Prelo フォントを削除すると (バックアップした場合)、ブラウザでフォントが機能しなくなることを除けば、すべて問題ないように見えます。もちろん、これは私のコードにエラーがあり、それを修正すると再び機能するためです。

（問題は...ローカルフォントを「無効にする」ための回避策、または必要なシステムフォント以外のフォントをローカルで検索しないようにブラウザーに指示するための回避策はありますか？）

フォントをローカルで削除してブラウザでテストする以外に方法はありますか? 埋め込みフォントが見つからない場合、Chrome と FF はデフォルトでシステムフォントを使用するようです。

前もって感謝します！

score 2 · Accepted Answer

テストするフォントの名前を変更するだけで、ローカルにある名前ではないことを確認してください。

すなわち:

変化する：

@font-face {
    font-family: System;
     font-style:  normal;
    src: url(system.eot);
}

div {
    font-family: System;
}

に

@font-face {
    font-family: WebTest;
    font-style:  normal;
    src: url(system.eot);
}

div {
    font-family: WebTest;
}

score 1 · Accepted Answer

Type Wonder では、URL を入力して Web フォントを選択できます。次に、新しいフォントでページがどのように見えるかを示します。かなり滑らか。

2 に答える 2