Estoy aprendiendo con un libro css y me he perdido con el tema de poner una fuente externa con
@font-face
Os pongo codigo y pantallazos de lo que he hecho por que creo que va a ser más fácil.
Archivo css (llamado ejercicio11.css)
/*Ejemplo: 11 fuente externa @font-face*/
@font-face
{
font-family: MAEL;
src: url('C:\Users\user\Documents\documentos\aprendiendo\css\"ejercicio 11@font-face"\MAEL.TTF')
format('truetype');
}
.tituloprincipal {
color: #333;
font: 48px MAEL;
}
.titulosecundario {
color: #333;
font; small-caps lighter 18px Verdana, Arial, Sans-serif;
}
.descripcion {
color: black;
font: 14px Arial, Sans-serif;
}
.listado {
color: #999;
font: italic 14px Georgia, "Times New Roman", serif;
}
Archivo html (creo que está bien).
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tranisitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es-ES">
<head>
<title>rRosario Suárez</title>
<link rel="stylesheet" "type="text/css" href="ejercicio11.css" />
</head>
<body>
<!-- Ejemplo: color.html -->
<h1 class="tituloprincipal">Rosario Suarez</h1>
<p class="descripción">Rosario Suárez es una exitosa bailarina clásica que nació en La Habana, Cuba. En su trayectoria profesional ha recibido importantes reconocimientos y premios</p>
<h2 class="titulosecundario">Resumen de la trayectoria profesional</h2>
<ul class="listado">
<li>2002-2006: Directora y Bailarina del Ballet Rosario Suarez</li>
<li>1999-2006: Directora y Bailarina de la Academia Rosario Suarez</li>
<li>1990: Artista invitada de la compañía</li>
<li>1987-1990: Primera Bailarina de Ballet Teatro de la Habana</li>
<li>1968-1994: Primera Bailarina del Ballet Nacional de Cuba.</li>
</ul>
</body>
</html>
Y en esta imagen es la ruta dónde me he descargado la fuente y dónde está el ejercicio. He probado con las dos fuentes y nada.
la fuente me la he descargado de esta web. http://www.dafont.com/es/theme.php?cat=403
Es probable que me esté colando con una tonteria. He probado quitando las doble comillas en la ruta de las fuentes y nada.