web-dev-qa-db-ja.com

「a」はフォントで何を表しますか:0/0 a;

デザイナーが画像の置換にfont: 0/0 a;を使用したビデオチュートリアルを参照していたので、0font-sizeであり、別の0line-heightであることがわかりました。デザイナーは、それがハックだと言うだけでaの部分をスキップします。

では、そのaは正確に何をしているのでしょうか?

28
Mr. Alien

http://nicolasgallagher.com/another-css-image-replacement-technique/

font:0/0 a –フォントサイズと行の高さをゼロにする省略形のプロパティ。値は、非常に短いフォントファミリとして機能します(このメソッドのBEM実装から得られたアイデア)。 CSSバリデーターは、省略形のフォントプロパティで0/0を使用することは無効であると文句を言いますが、すべてのブラウザーがそれを受け入れ、これはバリデーターのエラーのようです。 font:0px/0 aを使用すると検証に合格しますが、バリデーターが有効としてフラグを立てるコードではfont:0/0aとして表示されます。

30
isherwood

aはフォント名であり、もちろん、その名前のフォントがインストールされている可能性はほとんどありません。

これはCSS構文を満たすために使用されるだけであり、ブラウザがそれから使用する必要があると考えるフォントは重要ではありません。とにかくテキストを表示するために使用されることはないからです。


画像の周囲のスペースをなくすために画像でこれを使用する場合は、代わりにdisplay:blockの使用を検討してください。

14
Guffa