CSS3
Corps et taille du texte
La taille du texte : font-size
Il est toujours très difficile de choisir la taille de la fonte puisque selon les dimensions de l'écran elle est plus ou moins lisible. Pour régler ce problème, on peut définir :
p {
font-size:100%;
}
La taille de la fonte s'adaptera alors automatiquement à votre appareil de lecture. Bien évidemment, vous pouvez toujours la spécifier en px ou em ; n'oubliez pas d'effectuer plusieurs tests sur différents moteurs de rendu.
Nec sane haec sola pernicies orientem diversis cladibus adfligebat. Namque et Isauri, quibus est usitatum saepe pacari saepeque inopinis excursibus cuncta miscere, ex latrociniis occultis et raris, alente inpunitate adulescentem in peius audaciam ad bella gravia proruperunt, diu quidem perduelles spiritus inrequietis motibus erigentes, hac tamen indignitate perciti vehementer, ut iactitabant, quod eorum capiti quidam consortes apud Iconium Pisidiae oppidum in amphitheatrali spectaculo feris praedatricibus obiecti sunt praeter morem.
Taille relative au contexte
Hormis la définition de la taille en valeur absolue, il sera possible de la définir en fonction de son contexte. Pour cela, l'em sera supérieur. Dans ce cas, la coutume est de réinitialiser la taille de police pour l'ensemble du document de manière à garder parfaitement la main sur ces contextes et annuler tout paramètre par défaut qui s'avérerait trompeur.
Dans l'exemple suivant les éléments mis en évidence sont modifiés de cette façon. Le paragraphe aura une police de corps 10 mais les éléments en strong placés à l'intérieur auront une valeur deux fois supérieure à celle-ci (2em), soit convertie en taille absolue 20px. L'avantage étant que toute modification de la taille du paragraphe se répercutera automatiquement sur le strong, ce qui ne serait pas le cas dans des corps exprimés en px.
p {
font-size:10px
}
strong{
font-size:2em
}
Ce qui donne :
