デザイナーが画像の置換にfont: 0/0 a;
を使用したビデオチュートリアルを参照していたので、0
はfont-size
であり、別の0
はline-height
であることがわかりました。デザイナーは、それがハックだと言うだけでa
の部分をスキップします。
では、そのa
は正確に何をしているのでしょうか?
http://nicolasgallagher.com/another-css-image-replacement-technique/
font:0/0 a –フォントサイズと行の高さをゼロにする省略形のプロパティ。値は、非常に短いフォントファミリとして機能します(このメソッドのBEM実装から得られたアイデア)。 CSSバリデーターは、省略形のフォントプロパティで0/0を使用することは無効であると文句を言いますが、すべてのブラウザーがそれを受け入れ、これはバリデーターのエラーのようです。 font:0px/0 aを使用すると検証に合格しますが、バリデーターが有効としてフラグを立てるコードではfont:0/0aとして表示されます。
a
はフォント名であり、もちろん、その名前のフォントがインストールされている可能性はほとんどありません。
これはCSS構文を満たすために使用されるだけであり、ブラウザがそれから使用する必要があると考えるフォントは重要ではありません。とにかくテキストを表示するために使用されることはないからです。
画像の周囲のスペースをなくすために画像でこれを使用する場合は、代わりにdisplay:block
の使用を検討してください。