Font VS font-family + font-size

Bonjour !

Les deux blocs suivants devrait-ils être identiques en terme de rendus ?

    font: 1.1em Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;

et

    font-size: 1.1em;
    font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;

Les deux codes au-dessus ne me donnent pas le même rendu et je ne parviens pas à comprendre pourquoi (testé sur Safari 5.1 sur Mac).

Dans un cas la police semble plus grosse...

Oui, les 2 codes que tu viens de donner sont identiques en matière de résultat visuel.

Cependant, en matière de rendu "navigateur", elles sont différentes ; "font" re-initialise tous les paramètres de "font-*". Ainsi font-weight est égale à "0" lorsque tu utilise "font" (idem pour font-weight, font-variante, line-height etc).

Ce qui veut dire que dans ton test, tu dois avoir une instruction font-* plus haut dans ton code font-family et font-size sont des instructions uniques donc elles n'y touchent pas, mais font "attend" un jeu d'instruction, donc il remet tout à 0.