「フォントスムーズ」は何を意味しますか?
このチュートリアルでは、CSSプロパティfont-smoothの理解を深めることができます。 このプロパティが意味するものと、Webデザイナーがそれを使用することを検討すべき理由についての事実を入手してください。
フォントスムースの説明
なぜデザイナーはfont-smoothプロパティを使いたいのですか? 主に、レンダリング時にアンチエイリアスの適用を制御することができます。
CSSバージョンのフォントスムース
CSS 3ではfont-smoothを使用し、下の例ではfont-smooth構文を理解してください。
font-smooth:auto | | いつも| | 長さ| 最初の| 継承する
自動 - システムのデフォルトに応じてテキストを滑らかにする
決して - フォントを滑らかにしない
常に - 常にフォントを滑らかにします
および長さ - フォントサイズの値がこのサイズの数値と同じか大きい場合は、レンダリング時にフォントを滑らかにします。
font-smoothプロパティを使用する場合、Webデザイナーは次のことも知っておく必要があります。
- 初期値:auto
- フォントスムース適用対象:すべての要素と生成された内容。
- フォントスムース継承:このプロパティは継承されます。
- フォントスムースブラウザサポート:なし
フォントスムーズの例
この段落のフォントは、フォントがどれだけ小さく書かれていても常に平滑化されていなければなりません。
Font-Smoothプロパティに関する注意
誰もがフォントをスムーズにサポートするブラウザを持っているわけではありません。 お使いのブラウザがこのプロパティをサポートしているかどうかを確認します。 また、テキストの可読性を大幅に低下させる可能性があるので、このスタイルをどのように使用するか注意してください。
あなたはこの方法であなたに影響しないことを確認するためにいくつかの研究をする必要があります。 font-smoothプロパティの詳細については、次を参照してください。
フォントスムースの例
フォントストレッチ
フォント効果
フォントファミリー
フォントサイズ
フォント
フォントスタイル
フォントバリアント
フォントウェイト