¿Qué significa esta sintaxis abreviada de fuente CSS?

Question

que estoy viendo la siguiente declaración en una hoja de estilo CSS:

font: 12px/18px ... 

¿Qué significa exactamente la parte 12px/18px?

Answer 1

12px es el tamaño de fuente, 18px es la altura de la línea.

La sintaxis se basa en la notación tipográfica para especificar los tamaños respectivos, y solo se aplica a la propiedad de taquigrafía font. En otras palabras, la declaración anterior simplemente se expande a la siguiente:

font-size: 12px; 
line-height: 18px; 

Como siempre, si se establece la altura de la línea a un valor relativo (porcentaje por ejemplo o EMS), se calcula en relación con el tamaño de fuente.

W3C CSS2.1 font property reference
W3C CSS3 Fonts Module font property reference (la sintaxis se traslada desde CSS2.1)

Answer 2

Es equivalente a:

font-size: 12px; 
line-height: 18px;