¿cómo lo hace?

[brunobc]

Recientemente he visitado la página de uno de los mejores diseñadores gráficos de España, Pepe Gimeno, y trasteando con el firebug me he dado cuenta que utiliza fuentes que yo no tengo en mi sistema pero que sinembargo las visualizo en mis navegadores. Concretamente (FagoNoBlackRegular) la tipo del logo ppgmn en la esquina superior derecha de su web, yo he investigado pero no he sacado nada en claro por mi cuenta

http://www.pepegimeno.com

¿sabeis cómo lo hace?

[uikekarallo]

utilizando la propiedad @font-face de CSS 3.


un saludo.

[maycolalvarez]

Iniciado por uikekarallo

utilizando la propiedad @font-face de CSS 3.


un saludo.

definitivamente no, porque muy pocos navegadores soportan CSS3 en su totalidad, además en las FAQ's del foro hay diversas técnicas para cargar fuentes no convencionales

[ArturoGallegos]

existen tres métodos que yo conozca

1.- sIFR http://www.webmasterlibre.com/2006/0...ias-con-flash/
2.- Cufón http://dixso.net/javascript/cufon-re...exto-dinamico/
3.- @font-face http://www.fontsquirrel.com/

el tercero es de mi agrado y compatible con la mayoría de los navegadores en IE desde la versión 5

en la pagina que te indico cargas las fuentes y te genera un css y como 3 archivos de fuente que podrán leer los navegadores para mostrarla

un ejemplo del compañero kseso? y la guía de como hacerlo a mano http://css.devillasbuenas.es/font-face/index.html

Nota: si revisas el css del sitio que indicas encontraras

Código CSS:

@font-face {
    font-family: 'HelveticaNeue35Thin';
    src: url('fonts/helveticaneue-thin-webfont.eot');
    src: local('☺'), url('fonts/helveticaneue-thin-webfont.woff') format('woff'), url('fonts/helveticaneue-thin-webfont.ttf') format('truetype'), url('fonts/helveticaneue-thin-webfont.svg#webfontbO5pBSR5') format('svg');
    font-weight: normal;
    font-style: normal;
}
 

que es el 3er método que te indico

[uikekarallo]

pues lo que yo decía, con la propiedad @font-face.

aunque, como indica Ag666 también se podría implementar con javascript (preferiblemente) o flash.


un saludo.

[JavierB]

Hola, brunobc

Muevo tu tema al foro de CSS desde Web general.

Saludos,

[jomaruro]

Hola:

Iniciado por uikekarallo

aunque, como indica Ag666 también se podría implementar con javascript (preferiblemente) o flash.

¿Porqué? Si se puede hacer perfectamente en CSS ¿Porqué sobrecargar la página con javascript?

Saludos.

[brunobc]

Muchas gracias a todos por vuestras respuestas y ayuda, no esperaba tantas opciones. Probaré con todas ellas, ya que soy novato en el desarrollo web me interesa conocer todas las posiblidades. Un Saludo

[uikekarallo]

vaya, se me ha entendido mal.

quiero decir que entre javascript y flash, es preferible utilizar javascript.
pero por encima de todo, la mejor opción es utilizar la propiedad @font-face de css.

mis disculpas por el posible malentendido :)


un saludo.

[maycolalvarez]

@uikekarallo: solo quise aclararte que aunque muchos navegadores soporten @font-face esto no quiere decir que soporten CSS3 en su totalidad

[uikekarallo]

cierto, disculpa, no quería desestimar tu respuesta con la mía. yo solamente me refería a esa propiedad en concreto.

para que quede claro del todo y para todos, la propiedad @font-face de css3 funciona perfectamente desde ie5.8 y el resto de navegadores, gracias a que es compatible con archivos .eot (que es lo que necesita ie).

hay otras alternativas para el reemplazo (javascript o flash), pero mejor @font-face.

por otro lado, y como dices, css3 no es soportado en su totalidad por la mayoría de los navegadores. que yo sepa, el que más soporte tiene hasta la fecha es google chrome.


un saludo :)