<!DOCTYPE html>
<head>
<meta charset="utf-8">
<!-- fuentes de google -->
<link href='http://fonts.googleapis.com/css?family=Exo' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Joti+One' rel='stylesheet' type='text/css'>
<style type="text/css">
/* fuentes en nuestro disco duro */
@font-face {
font-family: "SignPainter-HouseScript";
src: url("fuente_SignPainter-HouseScript.ttf") format("truetype");
}
@font-face {
font-family: "Quicksand-Bold Regular";
src: url("fuente_Quicksand-Bold.otf") format("opentype");
}
@font-face{
font-family: "SignPainter-HouseScript-IE";
src: url("fuente_SignPainter-HouseScript.eot");
}
.fuente-1{font-family:"SignPainter-HouseScript";font-size:20px;}
.fuente-2{font-family:"Quicksand-Bold Regular";font-size: 20px;}
.fuente-IE{font-family:"SignPainter-HouseScript-IE";font-size:20px;}
/* fuentes de google */
.fuente-Exo{font-family:"Exo";font-size:20px;}
.fuente-JotiOne{font-family:"Joti One";font-size:20px;}
</style>
</head>
<body>
<div class='fuente-1'>(archivo de fuente) Escrito con fuente SignPainter-HouseScript</div>
<div class='fuente-2'>(archivo de fuente) Escrito con fuente Quicksand-Bold Regular</div>
<div class='fuente-IE'>(archivo de fuente) Escrito con fuente SignPainter-HouseScript-IE</div>
<div class='fuente-Exo'>(google fonts) Escrito con fuente Exo</div>
<div class='fuente-JotiOne'>(google fonts) Escrito con fuente JotiOne</div>
<p>
Las fuentes de google las puedes encontrar en <a href="http://www.google.com/fonts/" target="_blank">http://www.google.com/fonts/</a>... hay mas de 600 fuentes diferentes
<br/>Gracias a la pagina <a href="http://www.findecodigo.com/font-face-agregar-fuentes-a-nuestra-pagina-web/" target="_blank">http://www.findecodigo.com/font-face-agregar-fuentes-a-nuestra-pagina-web/</a> de donde cogi los archivos de las fuentes
</p>
<p><a href="http://www.lawebdelprogramador.com" target="_blank">http://www.lawebdelprogramador.com</a></p>
</body>
</html>