Hola! Compañeros. Un comentario antes del ejercicio: me parece increíble que 20 años después de los modems de 56K, aún no se haya encontrado la forma de que una web se abra con su propia tipografía. Dicho esto; ahí va el ejercicio:
html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta name="keywords" content="palabras-clave"/>
<meta name="description" content="Ejercicio aprenderaprogramar.com 1045"/>
<title>Ejer1045</title>
<link rel="stylesheet" type="text/css" href="ejer1045.css"/>
</head>
<body>
<div id="div1">
El div 1 debe contener un texto suficientemente largo
(varios párrafos), tipo de fuente genérica serif, tamaño
de fuente 18 píxeles y al menos un párrafo de varias
líneas con la fuente establecida como mayúscula
condensada (small caps). <p>Deben exisitir tres contenedores
(div1, div2 y div3) situados uno debajo de otro,
cada uno con margin 33px en todas direcciones,
con relleno 25 px en todas direcciones, ancho 100%
del disponible, y borde sólido de 5 píxeles de
anchura con color de borde rojo.</p>
</div>
<div id="div2">
El div 2 debe contener un texto suficientemente largo
(varios párrafos), tipo de fuente genérica sans serif,
tamaño de fuente 14 píxeles y color del texto #B22222.
</div>
<div id="div3">
<p> El div 3 debe contener un texto suficientemente largo
(varios párrafos), y las propiedades de texto establecidas
con la propiedad CSS font (shortand).</p> El tipo de
fuente será genérica fantasy y el tamaño del texto 2
veces lo normal .</div>
</body>
</html>
css:
/*Ejercicio 1045 Font-family*/
div{margin:33px; padding:25px; border:solid 5px red;}
#div1{font-family:serif; font-size:18px;}
#div1 p{font-variant:small-caps;}
#div2{font-family:"sans serif"; font-size:14px; color:#b22222;}
#div3{font:2em fantasy;}
Un saludo!!