Ayuda css

chanquete

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.

KarlosWins

.

babri

src: url("/MAEL.TTF");

no la pongas absoluta ^^

eXtreM3

Con la ruta absoluta también funciona, pero tiene unas dobles comillas en mitad que le rompen la cadena.

1 respuesta
chanquete

Gracias chicos, con la ruta relativa funciona correctamente.

#4 Lo he puesto por que la carpeta tiene espacios, pero con ellas o sin ellas, no me funciona. He probado cambiando la ruta y nada.

Usuarios habituales

  • chanquete
  • eXtreM3
  • babri
  • KarlosWins