9. Fonts serif

En aquest exercici, s’estudien els tipus de lletra serif i el seu ús en pantalles com el text de la capçalera.

Referències

  • Web Safe Safets <https://www.w3schools.com/cssref/css_websofsa_fonts.asp> __
  • Millors fonts segures per a la web <https://kinsta.com/es/blog/fuentes-segures-para-la-web/> `` `

Exercir

Fitxer ** CSS-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
32
33
<!doctype html>
<html>
<head>
   <title> Tipos de letra serif </title>

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

</head>

<body>

   <h1> Tipos de letra serif </h1>

   <p class="times">
   Las fuentes serif tienen pies o remates en la parte baja.
   Estos pies se leen mal con letra pequeña en la pantalla 
   del ordenador, que tiene baja resolución. En texto impreso,
   los pies o remates ayudan a leer mejor el texto. </p>
   
   <p class="georgia">
   Esta familia de fuentes se utiliza como texto normal en
   texto impreso y como letra grande o encabezados en la
   pantalla del ordenador. </p>
   
   <p class="cambria">
   En la hoja de estilo CSS, además del tipo de letra se
   especifica siempre la familia serif. De esta forma
   si el tipo de letra no está instalado, el navegador
   seleccionará otro semejante. </p>

</body>
</html>

Fitxer ** CSS-SERIF.CSS **

Código del fichero css-serif.css

Resultat

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