3

14px未満のテキストTahomaを大きくし、Sans SerifCSS3font-faceプロパティのみを使用し、余分なクラスを使用しないようにします。

どのように使用することは可能font-faceですか？

4

3 に答える 3

1

では不可能ですが、ミックスインとガードを使用したLESSfont-faceでは可能です。ご覧のとおり、フォントサイズを少し異なるように定義する必要がありますが、それだけです。フォントファミリーの宣言は、この値に基づいています。

LESS（またはSASS）に移行することを強くお勧めします。LESSはクライアント側で実行されますが、サーバー側でコンパイルしてCSSとして配信する方法があります。参照されているLESSファイルをPHPを使用してCSSに自動的にコンパイルするを参照してください。 

.fontSize (@a) when (@a >= 100) {
    font-family: Impact, Charcoal, sans-serif;
}
.fontSize (@a) when (@a < 100) {
    font-family: "Comic Sans MS", cursive, sans-serif;
}
.fontSize (@a) {
    font-size: @a;
}


.cs {
    .fontSize(50px) 
}
.imp {
    .fontSize(110px)      
}

<div class="cs">comic sans font family</div>    

<div class="imp">Impact font family</div>

スクリーンショット

于 2012-10-31T02:34:02.207 に答える
0

font-faceではできません。しかし、あなたは次のように異なるサイズの2つの異なるクラスを持つことができます

.tohama{}
.sanserif{}
于 2012-10-27T10:59:36.963 に答える
0

いいえ、できません。一般に、CSSなどの個別のプロパティ間には関係がありませfont-familyんfont-size。（fontいくつかのプロパティを設定するのが好きですが、それ以外の場合は変更されません。）CSSには意図的にプログラミング機能がありません。プロパティの値を、別のプロパティに値として設定されているものに依存させることはできません。これにはいくつかの例外があります。それらの中で、font-size-adjust関連しているように見えるかもしれませんが、逆に、間接的に機能します。フォントの機能に応じてフォントサイズを調整します。

したがって、CSSソリューションはありません。JavaScriptでは、要素のスタイル設定を調査し、計算されたフォントサイズがしきい値よりも大きいか小さい場合は、フォントファミリを変更できます。しかし、それはやや汚れており、おそらくそのためにドキュメントツリー全体をトラバースする必要があります。

于 2012-10-27T12:17:32.597 に答える