8. Sans-serif typefaces

This exercise explores sans-serif typefaces and their use on screens as normal text.

References.

Exercise

File css-sans-serif.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
<html>
<head>
   <title> Tipos de letra sans-serif </title>

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

</head>

<body>

   <h1> Tipos de letra sans-serif </h1>

   <p class="arial">
   Las fuentes sans-serif no tienen pies o remates, por eso
   se leen bien en la pantalla del ordenador que tiene baja
   resolución y se leen peor impresas en papel. </p>
   
   <p class="calibri">
   Esta familia de fuentes se utiliza como texto normal en
   la pantalla del ordenador y como letra grande o encabezados
   en texto impreso. </p>
   
   <p class="century-gothic">
   En la hoja de estilo CSS, además del tipo de letra se
   especifica siempre la familia sans-serif. De esta forma
   si el tipo de letra no está instalado, el navegador
   seleccionará otro semejante. </p>

</body>
</html>

File css-sans-serif.css

Código del fichero css-sans-serif.css

Result

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