1- Comprendre
Ex : Helvetica, Arial ou Times sont des polices de caractères.
-une fonte de caractères (en anglais "font") est une représentation d'un alphabet ayant
>un corps (= une taille) spécifique
>une graisse (normal, gras…) spécifique
Ex : Helvetica Italic 12pt est une fonte, par exemple.
>un corps (= une taille) spécifique
>une graisse (normal, gras…) spécifique
Ex : Helvetica Italic 12pt est une fonte, par exemple.
-Sur un site web, un blog, en théorie on pourrait utiliser n'importe quelle fonte, mais en règle générale, le code indique au navigateur d'utiliser une fonte présente sur l'ordinateur de l'utilisateur ou une fonte proche si elle n'est pas présente... si non une police "générique"
Exemple de code qui propose 2 polices, sinon, une générique
{
{
font-family: Arial, Helvetica, sans-serif;
}
2-Classification
Curieusement, elles dépendent de la configuration du navigateur et du système d'exploitation !
Polices génériques avec en rouge démo des polices standard de Blogger
Polices à empattements (serif) ABC
font-family: "Times New Roman", Times, "Liberation Serif", FreeSerif, serif; => Police Times
font-family: Georgia, "DejaVu Serif", Norasi, serif; =>Police Georgia
Polices sans empattements (sans-serif) ABC
Polices sans empattements (sans-serif) ABC
font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; => Police Arial
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; => Police Helvetica => Police Trebuchet
font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Luxi Sans", sans-serif;
font-family: Tahoma, Geneva, Kalimati, sans-serif;
font-family: Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif; =>Police Verdana
font-family: Impact, "Arial Black", sans-serif;
Polices à chasse fixe (monospace) ABC
Polices à chasse fixe (monospace) ABC
font-family: "Courier New", Courier, "Liberation Mono", monospace; =>Police Courrier
font-family: Monaco, "DejaVu Sans Mono", "Lucida Console", "Andale Mono", monospace;
A savoir :
A savoir :
-L'affichage d'une même police variera selon les ordinateurs et OS utilisées
-deux polices d'une même taille "font-size: 12" pourront s'afficher avec une taille différente ! (ex Arial / verdana)
3-Les polices génériques de Blogger
Police par défaut (sera celle qui est définie dans le Code CSS du thème)
Police Arial
Police Courrier
Police Georgia
Police Helvetica
Police Times
Police Trebuchet
Police Verdana
=> la "Police par défaut" de Blogger est définie dans le thème
Thème > Personnaliser >Avancé
vous pouvez voir la police par défaut du thème choisi, mais vous pouvez aussi modifier cette police
Nous conseillons d'utiliser systématiquement la"police par défaut", en effet c'est la solution la plus simple pour uniformiser la police du blog. Vous la définissez dans le THEME (voir copie écran ci-dessus)
Il est donc, en principe, inutile d'utiliser une autre police ainsi que la taille de police
votre texte standard correspond à :
- Paragraphe "normal"
- Taille police "Normale"
- Type de police "par défaut"
- les titres de paragraphe sont hiérarchisés avec l'outil "Paragraphe"
Il faut essayer de ne pas perturber le lecteur, et préférer :
-des polices sobres et habituelles, type serif et sans-serif
-ne pas mélanger les polices dans le blog.
-Jouer sur les variations de taille, de graisse voir de couleur doivent déjà permettre de mettre en valeur les différents éléments.
-Bien séparer les paragraphes
-Aligner à gauche sur le web facilite la lecture, plus rapide, ( le texte du web n'est pas, en principe destiné à être imprimé, dans ce cas, il vaut mieux "justifier")
-Respecter la ponctuation et ses règles ! => LIRE NOTRE ARTICLE
Certains indiquent une nette préférence les polices sans-serif sur le web, plus facile à lire, mais cela est discutable. Blogger propose 7 polices dont : 1 "monospace", 2 "serif "et 4 "sans-serif !
Les polices originales sont à réserver aux titres ou a des blocs de textes courts (citations, mise en valeur...)
Les polices originales sont à réserver aux titres ou a des blocs de textes courts (citations, mise en valeur...)
SOURCES