10. Tipos de letra monospace

En este ejercicio se estudian los tipos de letra monospace y su uso para representar código.

Referencias.

Ejercicio

Fichero css-monospace.html

 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
<html>
<head>
   <title> Tipos de letra monospace </title>

   <link rel="stylesheet" type="text/css"
         href="css-monospace.css" >

</head>

<body>

   <h1> Tipos de letra monospace </h1>

   <p class="Courier">
   Las fuentes monospace o monoespaciadas tienen todas la
   misma anchura, independientemente de la letra o número que
   sea. Es decir, la anchura de la letra i será igual a la
   anchura de la letra M.</p>

   <p class="lucida">
   Estos tipos de letra se utilizan para representar código
   de ordenador, para imitar cómo escribe una máquina antigua
   de escribir o un terminal de ordenador. También es útil para
   representar números en varias filas de manera que las
   columnas coincidan. </p>

   <p class="consolas">
   En la hoja de estilo CSS, además del tipo de letra se
   especifica siempre la familia monospace. De esta forma
   si el tipo de letra no está instalado, el navegador
   seleccionará otro semejante. </p>

</body>
</html>

Fichero css-monospace.css

Código del fichero css-monospace.css

Resultado

Resultado de visualizar los ficheros css-monospace.html y css-monospace.css en un navegador