0

フォントサイズを再定義するCSSクラスがたくさんあります。例:

.ko {font-size:2.2em;}
.szik {font-size:2.8em}

ここで、デフォルトのフォントをカスタム フォントに置き換え、新しいフォントを定義します。

@font-face {
font-family: BebasNeue;
src: url("http://acc-road.com/page/media/BebasNeue.otf") format("opentype");
}

私の問題は、古いもののフォントサイズが新しいものと一致しないことであり、すべてのコードを書き直す最後のチャンスです。この問題を簡単に解決できますか? どのように？

この解決策を試してみましたが、うまくいきません。

@font-face {
    font-family: BebasNeue;
    src: url("http://acc-road.com/page/media/BebasNeue.otf") format("opentype");
    font-size: 10.5em;
    font-size-adjust: 10.5;
}

答えてくれてありがとう。

4

2 に答える 2

2

フォント ファミリを変更しても、フォント サイズはまったく変更されませんが、文字の寸法は変更されます。これが問題になる場合は、フォント ファミリとフォント サイズの選択を再検討する必要があります。

フォントの使い方を説明していないので、推測します。コピー テキストのフォントが Arial で、見出しに Bebas Neue を使用しているとします。Bebas Neue では、すべての文字が Arial の大文字とほぼ同じ高さです。これは意図的に大文字と小文字の区別をなくした奇妙なフォントであり、これには意味があります。(たとえば、のよう2.8emに大きな相対フォント サイズを使用した場合、BebasNeue とコピー テキスト Arial では、文字のサイズはさらに大きくなります。) それを使用する場合は、それに応じてフォント サイズを選択するだけです。制御された方法で見出しのフォント サイズを設定している場合、これは大きな問題にはなりません。

font-size-adjust原則として、フォント ファミリに従ってフォント サイズを調整するために使用できますが、相対的な x 高さ (10.5不合理な値) で機能し、壊れた方法で Firefox でのみサポートされています。

于 2012-12-24T07:32:34.680 に答える
0

body タグの font-size を変更するだけで、すべてのフォント サイズを書き直す必要はありません。

body {
  font-size: 15px; /* use an appropriate value */
}

CSS ルールで「1.2em」と言うとき、継承されたフォント サイズ * 1.2 を使用したいと言っているだけです。パーセンテージを使用する場合と同じです。

于 2012-12-24T00:04:25.520 に答える