フォントのサイズを調整するクラスがいくつかあります。
.text-tall {
font-size: 1.5em;
}
.text-small {
font-size: .8em;
}
クラスを段落要素に適用すると
<p class="text-tall">Some text goes here.</p>
期待どおりのスタイリング作業。スパン要素に適用すると
<p><span class="text-tall">Some text goes here.</span></p>
調整font-size
は、ページの要素の下にあるすべてのテキストに適用され、テキストが次第に大きくなることがあります。
明らかな解決策は、クラスを常に段落要素に適用することですが、段落の下の余白のサイズが比較的大きい ( margin-bottom: 1.5em
) ため、それを行うと余白も増加します。これは、私がやりたくないことです。
これは IE8 以下でのみ問題になるようです。任意の提案をいただければ幸いです!