Foros del web, para los que viven de bits

DragonX · 14-dic-2006, 13: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 · 14-dic-2006, 13:08

que interesante!

nunca habia escuchado esa extension XD

como lo hiciste?

DragonX · 14-dic-2006, 13: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 · 14-dic-2006, 14:59

Existe alguna posibilidad de hacerlo con las TTF ???

Saludos!!

DragonX · 14-dic-2006, 15:09

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

eContento · 15-dic-2006, 06: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 · 15-dic-2006, 06: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 · 15-dic-2006, 08: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 · 15-dic-2006, 08:43

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

SICK-BOY · 16-dic-2006, 09: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 · 16-dic-2006, 20: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 · 17-dic-2006, 06: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 · 17-dic-2006, 06:56

va DragonX si tengo tiempo yo tambien hago un ejemplo

DragonX · 19-dic-2006, 11:29

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

:

14-dic-2006, 13:00	#1 (permalink)
DragonX Fecha de Ingreso: noviembre-2002 Ubicación: Funkyland Mensajes: 7.091	Tipografías!!! 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 __________________ Diseño web y maquetación ya no tengo más blog...pero tengo muestrario

14-dic-2006, 13:08	#2 (permalink)
darkmasterr Fecha de Ingreso: diciembre-2004 Mensajes: 116	Re: Tipografías!!! que interesante! nunca habia escuchado esa extension XD como lo hiciste? __________________ Salu2 desde Chile :adios:

14-dic-2006, 14:59	#4 (permalink)
T_O_N_N_Y Fecha de Ingreso: octubre-2006 Ubicación: Quart de Poblet, Valencia Mensajes: 582	Re: Tipografías!!! Existe alguna posibilidad de hacerlo con las TTF ??? Saludos!!

14-dic-2006, 15:09	#5 (permalink)
DragonX Fecha de Ingreso: noviembre-2002 Ubicación: Funkyland Mensajes: 7.091	Re: Tipografías!!! no, ninguna. Tenes que utilizar este formato por un tema legal del los archivos TTF (True Type Fonts). __________________ Diseño web y maquetación ya no tengo más blog...pero tengo muestrario

15-dic-2006, 06:10	#6 (permalink)
eContento Fecha de Ingreso: junio-2004 Mensajes: 439	Re: Tipografías!!! 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 __________________ eContento - Ofertas de Trabajo - Cómo generar tus RSS

15-dic-2006, 06:35	#7 (permalink)
DragonX Fecha de Ingreso: noviembre-2002 Ubicación: Funkyland Mensajes: 7.091	Re: Tipografías!!! 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. __________________ Diseño web y maquetación ya no tengo más blog...pero tengo muestrario

15-dic-2006, 08:35	#8 (permalink)
T_O_N_N_Y Fecha de Ingreso: octubre-2006 Ubicación: Quart de Poblet, Valencia Mensajes: 582	Re: Tipografías!!! 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!!

15-dic-2006, 08:43	#9 (permalink)
DragonX Fecha de Ingreso: noviembre-2002 Ubicación: Funkyland Mensajes: 7.091	Re: Tipografías!!! si, porque al ser tipografía y no un objeto, se indexa mejor! __________________ Diseño web y maquetación ya no tengo más blog...pero tengo muestrario

16-dic-2006, 09:49	#10 (permalink)
SICK-BOY Fecha de Ingreso: octubre-2005 Mensajes: 416	Re: Tipografías!!! 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 __________________ GraficasWeb.com / Diseño y Desarrollo Web en Mexico info @ graficasweb.com E-mail / MSN

16-dic-2006, 20:58	#11 (permalink)
frijolerou Fecha de Ingreso: diciembre-2003 Mensajes: 1.580	Re: Tipografías!!! 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?. __________________ El conocimiento es libre: Movimiento por la Devolución

17-dic-2006, 06:38	#12 (permalink)
DragonX Fecha de Ingreso: noviembre-2002 Ubicación: Funkyland Mensajes: 7.091	Re: Tipografías!!! 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! __________________ Diseño web y maquetación ya no tengo más blog...pero tengo muestrario

17-dic-2006, 06:56	#13 (permalink)
SICK-BOY Fecha de Ingreso: octubre-2005 Mensajes: 416	Re: Tipografías!!! va DragonX si tengo tiempo yo tambien hago un ejemplo __________________ GraficasWeb.com / Diseño y Desarrollo Web en Mexico info @ graficasweb.com E-mail / MSN

19-dic-2006, 11:29	#14 (permalink)
DragonX Fecha de Ingreso: noviembre-2002 Ubicación: Funkyland Mensajes: 7.091	Re: Tipografías!!! este samana estaré subiendo un ejemplo, siempre y cuando me arreglen el server!!! : __________________ Diseño web y maquetación ya no tengo más blog...pero tengo muestrario

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado