Tipografías!!!

DragonX · #1 (**permalink**) 14/12/2006, 14:00

Bueno amigos, después de mucha investigación, prueba y error lo conseguí!!!!!

Puedo utilizar cualquier tipografía en mi web site, sin necesidad de:

1- que sea imágen
2- que el usuario disponga de esta familia en su equipo!!!!

Y todo gracias a las extensiones *.pfr

darkmasterr · #2 (**permalink**) 14/12/2006, 14:08

que interesante!

nunca habia escuchado esa extension XD

como lo hiciste?

DragonX · #3 (**permalink**) 14/12/2006, 14:39

Código HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<LINK REL=fontdef SRC="algerian.pfr">
<LINK REL=fontdef SRC="mistral.pfr">
<LINK REL=fontdef SRC="bauhaus.pfr">

<SCRIPT TYPE="text/javascript">
if (navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion.indexOf("Windows", 0) != -1 && navigator.appVersion.substring(0,1) >= 4)
{
document.writeln("<object");
document.writeln("classid=\"clsid:0246ECA8-996F-11D1-BE2F-00A0C9037DFE\"");
document.writeln("codebase=\"http://tdserver.bitstream.com/tdserver.cab#version=1,0,0,12\"");
document.writeln("id=\"TDS\" width=0 height=0");
document.writeln(">");
document.writeln("</object>");         
}
</SCRIPT>
<LINK>
</head>

<body>
<font face="Algerian" size="4">Esto esta escrito en la tipografía ALGERIAN</font>
<br>
<br>
<font face="Mistral" size="4">Esto esta escrito en la tipografía MISTRAL</font>
<br>
<br>
<font face="Bauhaus 93" size="4">Esto esta escrito en la tipografía BAUHAUS</font>
</body>
</html>

Este es el código que utilizo y se pueden utilizar en cualquier clase y/o elemento!

T_O_N_N_Y · #4 (**permalink**) 14/12/2006, 15:59

Existe alguna posibilidad de hacerlo con las TTF ???

Saludos!!

DragonX · #5 (**permalink**) 14/12/2006, 16:09

no, ninguna. Tenes que utilizar este formato por un tema legal del los archivos TTF (True Type Fonts).

eContento · #6 (**permalink**) 15/12/2006, 07:10

Oye, pues sí que me parece interesante.

¿y como se consiguen esas fuentes en ese formato o cómo se convierten si es que es posible?

Un saludo de,
eContento

DragonX · #7 (**permalink**) 15/12/2006, 07:35

Estuve investigando mucho, buscando en tutos y el ejemplos y encontre por ahi que existen dos programas para hacer esto. el WebFont Wizard y el WebFont Maker los dos programas son de pago, creo que salen alrededor de U$S 150.- c/u aprox.

El WebFont Wizard crea archivos *.pfr
El WebFont Maker crea archivos *.eot

Cualquiera de los dos te sirve, a mi personalmente me gustó mucho más el WebFont Wizard ya que es más "manejable".

La única contra de todo esto es que una vez que un usuario entra a tu site le pide que instale un ActiveX que necesita para funcionar....una vez que el usuario le pone aceptar, ya esta....no se lo vuelve a pedir y anda perfectamente con cualquier flia tipografica.

T_O_N_N_Y · #8 (**permalink**) 15/12/2006, 09:35

Ok, voy a investigar un poco yo también ;)

Muchas gracias por la información, porque justamente era lo que estaba buscando, y la única forma que había encontrado era con un script en flash, pero mucho mejor directamente.

Saludos!!

DragonX · #9 (**permalink**) 15/12/2006, 09:43

si, porque al ser tipografía y no un objeto, se indexa mejor!

SICK-BOY · #10 (**permalink**) 16/12/2006, 10:49

enserio si pudiste lograrlo? dure mucho investigando y no di con ninguna solucion, pero me da gusto de que ya se alla encontrado una forma jejeje, oye y no afecta en algo a el sitio web o alguna concecuancie que te pase?
y para ke sirve exactamente el javascript del codig ke pusiste...

gracias y saludos

frijolerou · #11 (**permalink**) 16/12/2006, 21:58

Dragonx, ¿y en qué navegador has hecho las pruebas?, porque que yo recuerde hasta el 2003 esta técnica sólo era soportada por Netscape e Internet Explorer. ¿Tienes algún ejemplo en línea?.

DragonX · #12 (**permalink**) 17/12/2006, 07:38

vamos a hacer algo, yo hoy mismo mas tarde cuelgo un ejemplo asi lo pueden ver y lo prueban.

Yo lo probé en NetScape - IExplorer - FFox y no tuve prolemas con ninguno...ahora en un rato les cuelgo una URL para que lo vean!

SICK-BOY · #13 (**permalink**) 17/12/2006, 07:56

va DragonX si tengo tiempo yo tambien hago un ejemplo

DragonX · #14 (**permalink**) 19/12/2006, 12:29

este samana estaré subiendo un ejemplo, siempre y cuando me arreglen el server!!!

:

darkcus · #15 (**permalink**) 13/05/2010, 08:43

emmmm que paso con los ejemplos??

JavierB · #16 (**permalink**) 13/05/2010, 08:45

Hola darkcus

Te recuerdo el aviso que había al final de este tema y que parece que no has leído o no le has hecho ni caso.

Tema cerrado.