Não use abreviações de fonte CSS

<rant>

Você define uma fonte base em seu CSS, talvez algo assim …

body {
font
: normal 11px Tahoma, Arial, Helvetica;
}

Tudo bem, mas para outros elementos você deseja usar um tamanho de fonte diferente, então faça isso …

.some-other-element {
font
: normal 12px Tahoma, Arial, Helvetica;
}

PORQUE!!?

Você deseja apenas alterar o tamanho da fonte, então por que não usar apenas font-size: 12px? A família da fonte e o peso são herdados, você não precisa especificá-los novamente. Esse ‘C’ em CSS significa cascata!

Qual é o problema com isso, você pode perguntar? Bem, da próxima vez que alguém tiver que editar seu arquivo CSS de mais de 4.000 linhas (ou pior, vários arquivos CSS) e precisar alterar a fonte, em vez de alterá-la em um lugar, eles terão que pesquisar todos os lugares onde você inutilmente redeclarou a família da fonte.

Além disso, suponha que alguém queira deixar seu arquivo CSS intocado e sobrescrever a família de fontes em um arquivo separado, eles não podem simplesmente adicionar uma regra, eles têm que sobrescrever todas as regras onde você usou a abreviação de fonte.

(O mesmo se aplica para peso da fonte BTW)

</rant>