font-style |
Style de la police |
|---|---|
| CSS |
Syntaxe
|
font-style: paramètres; |
Paramètres
| Paramètre | Description | ||
|---|---|---|---|
| paramètres | Ce paramètre de propriété permet d'indiquer le style : | ||
| Valeur | Aperçu | Description | |
| normal | Ceci est un texte d'exemple | Cet attribut permet d'indiquer que l'affichage de la police de caractères à un affichage normal | |
| italic | Ceci est un texte d'exemple | Cet attribut permet d'indiquer que l'affichage de la police de caractères à un affichage avec une inclinaison calculé comme italique même si elle n'est pas spécifié dans le jeu de police de caractères. | |
| oblique | Ceci est un texte d'exemple | Cet attribut permet d'indiquer que l'affichage de la police de caractères à un affichage en petite majuscule | |
Description
Cette propriété permet de fixer la variante (normal, majuscule,...) de la police de caractères utilisé.
Remarques
- Définition et rôle : La propriété font-style permet de définir l'italique ou le style oblique des textes. Elle permet de spécifier si le texte doit être affiché en italique, en oblique ou dans son style normal. Cette propriété est principalement utilisée pour accentuer certains mots ou pour donner un effet visuel particulier dans le contenu textuel.
- Valeurs possibles : font-style accepte plusieurs valeurs : normal, italic, et oblique. La valeur normal est la valeur par défaut, indiquant un texte sans inclinaison particulière. italic applique une version italique de la police de caractères (si disponible), tandis que oblique incline légèrement le texte, mais il n'implique pas nécessairement une vraie version italique de la police de caractères.
- Différence entre italic et oblique : Bien que les deux valeurs (italic et oblique) provoquent une inclinaison du texte, il existe une distinction subtile. italic applique une version réellement conçue pour être en italique, généralement dessinée de manière plus fluide et plus stylisée que la version normale de la police de caractères. En revanche, oblique est généralement une version inclinée de la police de caractères normale, sans les ajustements typographiques que l'on retrouve dans les vraies polices de caractères en italique.
- Compatibilité avec les polices de caractères : La propriété font-style dépend de la présence de variantes italique ou oblique dans la police de caractères choisie. Si la police de caractères ne propose pas de version italique spécifique, l'utilisation de font-style: italic sera ignorée ou substituée par un style oblique. Il est donc important de s'assurer que la police de caractères utilisée supporte bien ces variantes pour obtenir l'effet désiré.
- Effet sur la lisibilité : L'utilisation de font-style: italic ou font-style: oblique peut améliorer l'expression typographique et ajouter du dynamisme à un texte, mais elle peut également rendre le texte plus difficile à lire, en particulier lorsqu'il est utilisé en petite taille. Il est donc recommandé de l'appliquer avec modération, surtout pour les longs passages de texte.
- Relation avec d'autres propriétés typographiques : font-style travaille en combinaison avec d'autres propriétés CSS comme font-family, font-weight, ou font-size. En jouant avec ces propriétés, vous pouvez ajuster l'apparence du texte de manière plus fine, en créant des effets de style cohérents avec le reste de la typographie de la page.
- Utilisation dans la hiérarchisation du contenu : La valeur italic est souvent utilisée pour mettre en valeur certaines parties du texte, comme les citations, les titres ou les mots étrangers, afin de les distinguer du reste du contenu. Cela permet de structurer visuellement l'information et de guider l'attention du lecteur vers des éléments spécifiques.
- Support de la propriété dans les polices de caractères Web : Lors de l'utilisation de polices de caractères Web, en particulier celles provenant de services comme Google Fonts, il est important de vérifier que la police de caractères choisie supporte bien les versions italique et oblique. Dans certains cas, une police de caractères Web pourrait ne pas fournir ces styles, et il serait préférable d'opter pour une police différente ou d'ajuster la conception en conséquence.
Exemple
on obtiendra le résultat suivant :
|
Gladir.com
Gladir
Gladir.ca
|
Dernière mise à jour : Dimanche, le 20 décembre 2015