css - 条件付きスタイリング @font-face

Question

一部のヘッダーに @font-face を使用しています。

置き換えられた書体は、寸法と全体的な文字が異なります。切り替えが発生すると、古い書体のルールはあまり良くありません。

条件付き Javascript スクリプトを作成する以外に、@font-face フォント (ブラウザーがサポートしている場合) の一連の CSS ルールと、置き換えられていないデフォルト フォントの CSS ルールを設定する方法はありますか?

Answer 1

typekitを確認することをお勧めします。これは、ロードイベントの制御に役立つイベントをjavascriptライブラリに提供します。

Answer 2

この切り替えが発生したときに発生するイベントはありません。したがって、たとえば行の高さを変更したい場合、ブラウザはいつ変更するかを知る方法を提供しません。

でも、

新しい Google WebFont Loaderは、新しい @font-face フォントが適用されるたびに何でも変更できるように、CSS と JavaScript フックを提供します。