<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>