What does "a" stand for in font: 0/0 a;
Solution 1
http://nicolasgallagher.com/another-css-image-replacement-technique/
font:0/0 a – a shorthand property that zeros out the font size and line-height. The a value acts as a very short font-family (an idea taken from the BEM implementation of this method). The CSS validator complains that using 0/0 in the shorthand font property is not valid, but every browser accepts it and this appears to be an error in the validator. Using font:0px/0 a passes validation but it displayed as font:0/0 a in the code that the validator flags as valid.
Solution 2
The a
is a font name, and of course it's very unlikely that anyone has a font by that name installed.
It's just used to satisfy the CSS syntax, and what font the browser thinks it should use from that is not important, as it won't be used to show any text anyway.
If you use that on an image in order to get rid of spacing around the image, consider using display:block
instead.
![Mr. Alien](https://i.stack.imgur.com/k3Yly.jpg?s=256&g=1)
Mr. Alien
Engineering Manager @ BrowserStack. Creator of JSONbin.io, a JSON data storage and hosting service for small scale web and mobile applications. Makes it easy to mock API requests. More about me on 8bit.codes
Updated on June 21, 2022Comments
-
Mr. Alien about 2 years
I was referring a video tutorial where the designer used
font: 0/0 a;
for image replacement, so I get that0
is thefont-size
, another0
is theline-height
but designer skips thea
part just by saying that's an hack.So what does that
a
exactly do there?