6

大きなフォントサイズを指定する必要がある @font-face を使用しています。たとえば、タイトルのフォント サイズは 54px で、通常は非常に大きいですが、このフォントでは中程度に表示されます。

問題は、ページが読み込まれている間、代替フォントが非常に大きく表示され、レイアウト全体が壊れてしまうことです。

代替フォントのフォントサイズを指定する方法はありますか?

4

2 に答える 2

2

Modernizrを使用できる場合があります。<html>ブラウザがサポートする機能を表すクラスを要素に追加します。この場合、@font-faceサポートのために追加するクラスはfontface.

私がすることは、タイトル サイズを代替フォントに適したサイズに設定し、次のように適切なフォント サイズをネストすることです。

.title {
    font-size: 20px;
    font-family: arial, sans-serif;
}
.fontface .title {
    font-size: 50px;
    font-family: 'alternative-font', arial, sans-serif;
}

それでも、正しい順序で変更されない可能性があると思います... 通常、ロード中にレイアウトがおかしく見えることは心配しませんが、これが役立つことを願っています.

于 2012-07-16T10:19:36.750 に答える
2

nameJavaScript または jQuery を介して使用されているフォントのを取得しようとし、それが@font-faceフォントでない場合は、それに応じて を調整しfont-sizeます。

編集:これは、フォールバック フォントがいつレンダリングされるかをテストするため
のJavaScript フォント検出プラグインです。

于 2012-07-16T10:54:07.680 に答える