4

Webアプリケーションで別のフォントを使用したいのですが。それらのサイズは等しくないので、CSSで次のような擬似コードを実行したいと思います。 

if (exists(font1))
{
   font-size: 9pt; font-family: font1;
}
else
{
   font-size: 12pt; font-family: font2;
}

出来ますか？そのための最良かつ正しい解決策は何ですか？特定のフォントのフォントサイズを定義し、次のフォントの別のフォントサイズを定義するにはどうすればよいですか？

4

2 に答える 2

4

CSSには通常、条件やその他の動的構造はありません。

あなたの問題は、いわゆる「フォントスタック」を使用することで解決されます。font-familyカンマ区切りのフォント名のリストを使用して宣言します。クライアントブラウザは、使用可能なリストからフォントを選択します。そのため、適切なフォントスタックを作成するのは難しい作業です（同じように見えるか、少なくとも同じ文字間隔/行の高さである必要があるため）。Webフォントスタックをグーグルで検索すると、そのトピックに関するいくつかの優れた記事が、素敵なフォントスタックを作成するための作業をすでに行っているプロのフォント担当者から得られます。

最近の代替手段は、@font-face宣言を介してダウンロード可能なフォントとして必要なフォントを提供することです。ただし、次の点に注意してください。

  • すべてのブラウザをサポートするには、いくつかの形式が必要です
  • それらは、モバイルに関連する可能性のあるページの読み込みに追加の重みを追加します
  • フォントを使用する権利またはフリーフォントを使用する権利が必要です（Googleは、さまざまなフリーフォントから選択できるサービスを提供しています）
于 2013-03-10T21:07:28.947 に答える
-2

そのためにjavascriptステートメントを使用できます。またはテキストに異なるIDを割り当てることができます。例：-

<div id="font1"><p>Some Text</p></div>

そしてあなたのcssファイルで：-

#font1 p{
   font-family:sans-serif;
   font-size:10px;
}

したがって、Webアプリケーションのさまざまなテキストにさまざまなフォントを割り当てることができます...

于 2013-03-10T20:46:46.663 に答える