Exemple 05 : La casse des noms de police

Cette phrase est écrite avec une police "Arial". La valeur est écrite avec une casse correcte.

Cette phrase est écrite avec une police "arial". La valeur est écrite en minuscule.

Cette phrase est écrite avec une police "ARiAl". La valeur est écrite avec une casse fantaisiste.

Cette phrase est écrite avec une police "Courrier New". La valeur est écrite avec une casse correcte.

Cette phrase est écrite avec une police "courrier new". La valeur est écrite en minuscule.

Cette phrase est écrite avec une police "COUrRIeR NeW". La valeur est écrite avec une casse fantaisiste.

Explications :

D'après les spécifications CSS les noms de police sont sensibles à la casse. Il faut cependant préciser que cette règle n'est pas appliquée de manière stricte par les navigateurs.

Dans cet exemple chaque police est déclarée trois fois avec des casses différentes. On peut constater que chaque paragraphe voit le style de police appliqué que la casse soit correcte ou qu'elle soit originale. Ainsi, qu'on déclare "Courrier New", ou "courrier new" ou encore "COUrRIeR NeW", le style va s'appliquer.

Code XHTML et CSS :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title>Exemple 05 : La casse des noms de police</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<style type="text/css">
p {
        font-size :        1.2em;
}
#ex11 {
        font-family :      Arial, sans-serif;
}
#ex12 {
        font-family :      arial, sans-serif;
}
#ex13 {
        font-family :      ARiAl, sans-serif;
}
#ex21 {
        font-family :      "Courrier New", monospace;
}
#ex22 {
        font-family :      "courrier new", monospace;
}
#ex23 {
        font-family :      "COUrRIeR NeW", monospace;
}
</style>
</head>

<body>

<h1>
Exemple 05 : La casse des noms de police
</h1>

  <p id="ex11">
Cette phrase est écrite avec une police Arial. La valeur est écrite avec une casse correcte.
  </p>
  <p id="ex12">
Cette phrase est écrite avec une police arial. La valeur est écrite en miniscule.
  </p>
  <p id="ex13">
Cette phrase est écrite avec une police ARiAl. La valeur est écrite avec une casse fantaisiste.
  </p>

  <p id="ex21">
Cette phrase est écrite avec une police "Courrier New". La valeur est écrite avec une casse 
correcte.
  </p>
  <p id="ex22">
Cette phrase est écrite avec une police "courrier new". La valeur est écrite en miniscule.
  </p>
  <p id="ex23">
Cette phrase est écrite avec une police "COUrRIeR NeW". La valeur est écrite avec une casse 
fantaisiste.
  </p>

</body>
</html>

Valid XHTML 1.0 Strict CSS Valide !

Copyright © 2011 Christophe F. Aucune reproduction, même partielle, ne peut être faite de ce site et de l'ensemble de son contenu : textes, documents, images, etc sans l'autorisation expresse de l'auteur. Sinon vous encourez selon la loi jusqu'à 3 ans de prison et jusqu'à 300 000 Euros de dommages et intérêts. Cette page est déposée.