Estoy empezando a diseñar una plantilla para mi próximo sitio y quisiera colocar una fuente en especial al menú de esas que descargas en internet (Ejemplo: http://www.dafont.com/es/yummycupcakes.font) ... he intentado de varias forma pero no me funciona. Solo se HTML básico, alguien que me podría asistir? Aquí les dejo el código de como esta estructurada la plantilla a ver si la ayuda es mas precisa. Si puedes expliquen detalladamente.
Saludos
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>TITULO</title>
<style type="text/css">
<!--
body {
background-color: #000000;
background-image: url(img.jpg);
background-repeat: no-repeat;
}
a:link {
text-decoration: none;
color: #666666;
}
a:visited {
text-decoration: none;
color: #666666;
}
a:hover {
text-decoration: none;
color: #999999;
}
a:active {
text-decoration: none;
color: #666666;
}
body,td,th {
color: #999999;
}
.Estilo2 {font-family: Verdana, Arial, Helvetica, sans-serif}
-->
</style></head>
<body>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
<td height="62"><img src="img/.png" width="800" height="62" border="0" usemap="#Map" /></td>
</tr>
<tr background="img/menu.png">
<td><table width="800" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="160" height="25"><div align="center"><a href="plantilla.html" class="Estilo2">HOME</a></div></td>
<td width="160"><div align="center"><a href="plantilla.html" class="Estilo2">ACERCA DE</a></div></td>
<td width="160"><div align="center"><a href="plantilla.html" class="Estilo2">IMAGENES</a></div></td>
<td width="160"><div align="center"><a href="plantilla.html" class="Estilo2">FAQ</a></div></td>
<td width="160"><div align="center"><a href="plantilla.html" class="Estilo2">CONTACTO</a></div></td>
</tr>
</table></td>
</tr>
<tr background="img.png" style="background-repeat:repeat-y">
<td><p> </p>
<p> </p></td>
</tr>
<tr background="img/footer.png">
<td height="86" background="img.png"><table width="800" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>