Polices et CSS
CSS est le moyen le plus efficace d’ajuster les polices de votre page Web. Vous pouvez contrôler la famille de police, la taille, la couleur, le poids et de nombreux autres aspects de la typographie.
Les propriétés de police en CSS sont l’un des moyens les plus courants de rendre votre page plus distinctive et unique. Il est facile de changer la couleur, la taille et même le visage (la police elle-même) de votre texte avec les propriétés de police CSS.
- Couleur
- famille de polices
- taille de police
Une police de caractères comporte trois parties:
- Couleur
- C'est la couleur que la police affichera comme à l'écran.
- Taille
- C’est la taille de la police utilisée pour l’écran.
- visage
- Il s'agit de la famille de polices, appelée souvent police réelle.
Couleurs de police
Pour changer la couleur du texte, utilisez simplement la propriété CSS color style. Vous pouvez utiliser des noms de couleur ou des codes hexadécimaux. Comme pour toutes les couleurs sur le Web, il est préférable d’utiliser des couleurs sûres pour les navigateurs.
Essayez les styles suivants dans vos pages Web:
cette police est de couleur rougecette police est colorée en bleu
Tailles de police
Lorsque vous définissez la taille de la police sur le Web, vous pouvez la définir en tailles relatives ou être très spécifique en utilisant des pixels, des centimètres ou des pouces. Toutefois, les tailles de police les plus exactes sont destinées à être utilisées pour l’impression et non pour les pages Web, car toutes les personnes qui consultent votre site Web peuvent avoir une résolution, une taille d’écran ou des paramètres de police par défaut différents. Ainsi, si vous choisissez 15px comme taille standard, vous pourriez être désagréablement surpris de voir la taille de votre police que vos polices rendent à vos clients.
Je vous recommande d'utiliser ems pour la taille de la police. Les Ems permettent à votre page de rester accessible, quel que soit le visionneur, et les Ems sont destinés au rendu à l'écran. Laissez vos pixels et points pour le rendu d'impression. Pour changer la taille de la police, insérez le style suivant dans votre page Web:
cette police est 1emcette police est .75emcette police est 1.25em
Faces de police
Le visage de votre police correspond à ce que beaucoup de gens pensent lorsqu'ils pensent «police». Vous pouvez déclarer n'importe quelle police de caractère que vous souhaitez, mais n'oubliez pas que si votre lecteur n'a pas cette police installée, son navigateur essaiera de trouver une correspondance. pour cela, et leur page ne ressemblera pas à ce que vous aviez prévu.
Pour résoudre ce problème, vous pouvez spécifier une liste de noms de visage, séparés par des virgules, que le navigateur utilisera par ordre de préférence. Celles-ci sont appelées piles de polices. Gardez à l'esprit qu'une police standard sur un PC (telle que Arial) peut ne pas l'être sur un Macintosh. Vous devez donc toujours afficher vos pages avec une machine installée de manière minimale (et de préférence sur les deux plates-formes) pour vous assurer que votre page a toujours la même conception, même avec un minimum de polices.
Une de mes piles de polices préférées est Cet ensemble est une collection de polices sans empattement. Même si geneva et arial ne se ressemblent guère, elles sont toutes deux assez classiques sur les ordinateurs Macintosh et Windows. J'inclus helvetica et helv pour les clients d'autres systèmes d'exploitation, tels que Unix ou Linux, qui ne disposent peut-être pas d'une bibliothèque de polices robuste.
cette police est sans serifcette police est serif
