プレーヤーのユーザー名を表示するだけの、自分のウェブサイトのアカウント ヘッダーを追加しています。
カスタム フォントを使用していますが、Chrome と IE では問題なく動作しますが、Firefox ではカスタム フォントが表示されず、次の利用可能なフォントである Verdana が表示されます。私はそれを気にしませんが、私の問題は、フォント Verdana がカスタム フォントよりもサイズが小さいことです。そのため、フォント サイズとして 7.5pt に設定すると、カスタム フォントが 2 倍のサイズで表示されます。とにかく、Firefoxだけのためにフォントサイズを大きく設定できますか?
ユーザー名が含まれている div の css は次のとおりです。
font-size: 7.5pt;
color: #9f1717;
text-align: center;
font-family: xirod, xirodeot, Verdana, Geneva, sans-serif;
Firefox がサポートするフォント形式を使用するか、font-size-adjustさまざまなフォント ファミリー間でサイズを統一するために使用することをお勧めします。
font-size-adjust次の CSS を追加することで使用できます。
font-size-adjust:0.5;
これにより、すべてのフォントがほぼ同じ高さの小文字を持つように設定されます (通常、別のフォントを適用して表示すると、同じサイズに近いテキストが生成されます)。
これは、クロスオリジン ポリシーが開始されたことが原因である可能性はありますか? フォントやその他の静的リソースを CDN または別のサブドメインに保存している場合がこれに該当します。現在、FF のみが仕様に実装されていますが、他のブラウザーがこの動作を拾い始めると推測します。
のようなフォント ファイルに http-header を追加するAccess-Control-Allow-Origin: *と、問題が解決します。Google で簡単に検索すると、ここで説明するよりも、ルールの詳細についてより良い結果が得られます。
...
そうじゃない？特定の url-prefix にのみ適用される構造を使用して、Firefox を具体的にターゲットにすることができます。プレフィックス値を渡さない場合、常に適用されますが、FF ブラウザーのみが理解できます。
@-moz-document url-prefix() {
.username {font-size:15pt;}
}
現在、すべてのブラウザで取得できるはずです。フォントが著作権で保護されていない場合は、それをFont Squirrelにアップロードして、Web サイト用のカスタム CSS フォント埋め込みソリューションを作成できます。これを試してみることをお勧めします。それでもうまくいかない場合は、別のスタイル シートをロードするだけのjQuery ブラウザー検出ソリューションが常にあります。
そのブラウザ検出プラグインで次のコードを使用します。
if($.browser.mozilla) {
document.write("<style type='text/css'>body { font-size: 3.75pt; }</style>");
}