Polices et taille (corps) des caractères sont vues, mais il faut encore définir le style avec "font" qui sert de raccourci à cette propriété, qui suit les règles d'hérédité.
Style normal (en normal et gras)Je suis bien dans mes souliers
Je suis bien dans mes souliersStyle italic (italique)
Je suis bien dans mes souliers
Je suis bien dans mes souliersStyle oblique
Je suis bien dans mes souliers
Je suis bien dans mes souliers
ce dernier est identique au style "italic" qu'il remplace si besoin mais il n'est pas disponible dans toutes les familles de police.
Memento :
Se rappeler qu'un ensemble de caractères et signes qui présentent les mêmes qualités typographiques et apparences, constitue une police. ("font" en anglais).
Il existe des polices qui comportent différentes variantes (gras, italique, relief, ombré) tout en conservant les qualités de base qui les caractérisent et forment ainsi des familles.
"helvetica" comporte des dizaines de polices dans sa famille, alors que d'autres n'en possèdent qu'une.
Il vaut mieux si possible choisir une police dont la diffusion est assez répandue sur les divers ordinateurs PC et Mac et, ne pas oublier en fin de liste une police générique.
Code dans HEAD
<HTML>
<HEAD>
<TITLE>essai CSS</TITLE>
<style type="text/css">
body
{
font-family: arial, helvetica, sans-serif ;
font-size: 10pt ;
color: black ;
background-color: #FFFFFF ;
}
p.petit
{ font-family: times, serif ;
font-size: 8pt ;
color: green ;
font-style: italic ;
background-color : #FFFFFF ;
}
</style>
</HEAD>
Code dans BODY
<p class="petit">je suis bien dans mes souliers, et vous ???</p>
Résultat de l'exemple
je suis bien dans mes souliers et vous ???
Code dans Body avec valeur "normal"
<i>Un texte en italique avec un mot important défini en "<span style="font-style: normal ;">normal"</span>. </i>
Résultat de l'exemple
Un texte en italique avec un mot important défini en "normal".
Sommaire CSS ... @ ... Propriété "font-variant"
