css - @altfontfamily変数はBootstrapでどのように使用されますか？

Question

variables.lessでは、タイポグラフィセクションに。と呼ばれる変数があります@altfontfamily。

Alt Font Familyを利用したいのですが、方法がわかりません。それを使用するために呼び出すクラスはありますか？または、次のように、自分のクラスを作成するためのツールとして使用することはできますか？

.serif-link {
        font-family: @altFontFamily;
        }

Answer 1

LessはCSSを拡張するためのシステムです。この場合、変数に値を割り当てて、cssファイルの多くの場所でそれらを使用できます。

ファイルvariables.lessの上部にあるヘッダーは、次のように述べています。

// Variables.less
// Variables to customize the look and feel of Bootstrap

後で、次のようなセクションがあります。

// Typography
// -------------------------
@baseFontSize:          13px;
@baseFontFamily:        "Helvetica Neue", Helvetica, Arial, sans-serif;
@baseLineHeight:        18px;
@altFontFamily:         Georgia, "Times New Roman", Times, serif;

baseFontFamilyは、スタイルを設定するためにいくつかの場所で使用されていますが、altFontFamilyはどこにも見つかりませんでした。だから、あなたが提案したように、あなたが望むならそれを使うことができるのは合理的なことだと思います。