Page 1 sur 1

Je ne comprend pas les font-family en css

Posté : 07 oct. 2012, 13:50
par controverse
Bonjour,

J'apprends mes cours dans w3school. J'ai une chose que je ne comprends pas.
p
{
font-family:"Times New Roman",Georgia,Serif;
}
Je sais que Times New Roman est un style d'écriture et que Serif c'est les choses dans les lettres. MAIS, POURQUOI GEORGIA !!!!?

Re: Je ne comprend pas les font-family en css

Posté : 07 oct. 2012, 16:20
par sam12
Je dirais que c'est la police de "secours" si je me souviens bien.

Re: Je ne comprend pas les font-family en css

Posté : 07 oct. 2012, 21:49
par controverse
Merci

Re: Je ne comprend pas les font-family en css

Posté : 12 oct. 2012, 11:32
par Invité
Oui georgia n'est qu'une police de substitution au Times si les autres ne sont pas présentes chez un utilisateur, chose qui est bien rare !

Re: Je ne comprend pas les font-family en css

Posté : 12 oct. 2012, 11:58
par Berzemus
font-family permet de spécifier une ou plusieurs fontes (times, verdana, georgia, ..) ou familles de fontes (serif, monospace, ..), par ordre de préférence.

Dans l'exemple ci-dessus, on préfère donc Times. En cas de défaut, on se rabat sur Georgia. Et si ce dernier et aussi absent, on laisse au client le soin de choisir une police, pour autant que ce soit du serif, histoire de correspondre plus ou moins à ce qui est voulu.

Rien n'empêce de faire des trucs à ralonge:
font-family: "HelveticaNeueBlack", "HelveticaNeue-Black", "Helvetica Neue Black", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosBold',"Arial Black", sans-serif;
Au niveau des polices:
Times est, sur virtuellement toutes les plate-formes et navigateurs, la police par défaut. Elle est moche, et n'a jamais été crée pour but d'être affichée sur un écran. Elle fût crée pour "The Times" en 1931. Parce qu'un zouave (le même que pour comic sans, sans doute) de chez microsoft s'est dit qu'il n'y avait pas mieux comme police par défaut, c'est devenu la police la plus utilisée au monde. Sans parler qu'une police serif est moins lisible sur écran qu'un sans-serif (a cause de la basse résolution des écrans - même retina).

Georgia (et son copain Verdana) sont, de leurs côté, crées pour affichage sur écran. Elles sont aussi largement présentes (le club des polices omniprésentes est assez restreint), et bien plus "utilisables". Personnellement, je n'utilise qu'elles quand je n'utilise de webfonts. Elles ont largement fait leur preuves, et il n'y a pas vraiment d'alternatives à leur usage.

Re: Je ne comprend pas les font-family en css

Posté : 13 oct. 2012, 00:35
par controverse
ok

Re: Je ne comprend pas les font-family en css

Posté : 08 nov. 2012, 00:09
par popo79pr
Bonjour !

N'oublie pas de mettre ton sujet en "résolu" :)

Re: Je ne comprend pas les font-family en css

Posté : 08 nov. 2012, 01:29
par juliette
au cas ou ça intéresse quelqu'un, voici une série de classes que j'utilise souvent:
.arial          { font-family: Arial, Helvetica, sans-serif; }
.courierNew     { font-family: 'Courier New', Courier, monospace; }
.georgia        { font-family: Georgia, 'Times New Roman', Times, serif; }
.lucidaConsole  { font-family: 'Lucida Console', Monaco, monospace; }
.lucida         { font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; }
.tahoma         { font-family: Tahoma, Geneva, sans-serif; }
.times          { font-family: 'Times New Roman', Times, serif; }
.verdana        { font-family: Verdana, Geneva, sans-serif; }
.msSans         { font-family: 'MS Sans Serif', Geneva, sans-serif; }
.msSerif        { font-family: 'MS Serif', 'New York', serif; }
.helvetica      { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }
.impact         { font-family: Impact, Charcoal, sans-serif; }
.century        { font-family: 'Century Gothic', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; }