Foros Programación Cliente
Actualmente ¿es una buena opción usar @font-face?
17 17 Respuestas Jueves 11 de junio, 2009
Hola friends!
Que tal? bueno... me encuentro en un dilema y es que no se si a día de hoy es una opción viable usar @font-face para cargar una fuente diferente en nuestro site.
El caso es que me gustaría usar una Lucida para una maquetación, pero no se que nivel de integración tiene en los navegadores a día de hoy el @font-face..
No estoy muy al día de estas paranoias, así que por eso acudo a los expertos que seguro que hay gente mas al día que yo.
Un abrazo y gracias!!
Que tal? bueno... me encuentro en un dilema y es que no se si a día de hoy es una opción viable usar @font-face para cargar una fuente diferente en nuestro site.
El caso es que me gustaría usar una Lucida para una maquetación, pero no se que nivel de integración tiene en los navegadores a día de hoy el @font-face..
No estoy muy al día de estas paranoias, así que por eso acudo a los expertos que seguro que hay gente mas al día que yo.
Un abrazo y gracias!!
Desarrollo web, servicios integrales en internet
Work: http://www.estadoactivo.com
Yo: http://www.marctorres.es
Blog: http://www.marc-torres.com
Work: http://www.estadoactivo.com
Yo: http://www.marctorres.es
Blog: http://www.marc-torres.com
-
Public
Registrado desde 15/06/03 / Número de posts: 841
En letrag te puedes hacer una idea de su nivel de uso, pero yo también te recomiendo sIFR.------------------------------------------------------------------------------------
> Pablo Iglesias, Diseñador Gráfico y web
> www.TheEmailingExperience.com
> @piglesias en twitter -
kemie
Registrado desde 06/04/04 / Número de posts: 667
Hm, actualmente Safari es el unico navegador que soporta @font-face (fuera de versiones beta, y ie con su formato especial) asi es que no creo que tuvieras resultados muy consistentes -
HARTUM
Registrado desde 22/11/02 / Número de posts: 4291
Eso no es del todo correcto Kemie firefox, tb lo soporta desde la versión 3.1 (http://www.anieto2k.com/2008/09/13/firefox-31-incorporara-font-face/), yo de todas formas el otro día encontré un link, de una aplicación para hacer exactamente eso, pero aun no la habían lanzado,(ahora mismo no la encuentro) me inscribí en la lista de novedades así que en cuanto este, lo pongo por aquí -
kemie
Registrado desde 06/04/04 / Número de posts: 667
hartum, de acuerdo con la página de mozilla, @font-face funcionara en ffox 3.5, no 3.1, y la página de anieto en realidad hace referencia a esta página, donde se menciona que @font-face esta disponible en versiones alpha/beta.
Por lo menos a mino me funcionan los ejemplos en ffox 3.1 -
HARTUM
Registrado desde 22/11/02 / Número de posts: 4291
Pues tu tienes razón, y yo no. Aun así en cuanto tenga mas datos sobre la aplicación de la que hablaba lo posteare por aquí.
-
HARTUM
Registrado desde 22/11/02 / Número de posts: 4291
Pues no es la aplicación de la que hablaba pero me he encontrado con esto por ahí y me ha sorprendido lo rapido que funciona:
http://wiki.github.com/sorccu/cufon/about
algunos ejemplos aquí:
http://wiki.github.com/sorccu/cufon/demos
-
HARTUM
Registrado desde 22/11/02 / Número de posts: 4291
Una recopilación con las soluciones que existen, por ahora cufon, va ganando puntos.
http://www.dezinerfolio.com/2009/03/31/dynamic-font-replacement-solutions -
Hans
Registrado desde 22/06/09 / Número de posts: 42
Es muy pronto, muy muy pronto, para usar esa propiedad aún. La cuota de navegadores de Microsoft es aún tan alta que es mejor olvidarlo hasta dentro de varios años (es triste, pero así es). Aún hay propiedades de hace años que siguen esperando entrar en el ruedo por culpa de Microsoft.
Pero hay soluciones para todos, y bastante legales. La mejor de todas las existentes, es Cufón, un Javascript no intrusivo que convierte tu texto con la fuente que prefieras:
http://humanossinsentido.blogspot.com/2009/04/cufon-usar-nuestras-propias-fuentes.htmlDiseño web Alicante (gracias, Googlebot). -
minombresbond
Registrado desde 03/09/08 / Número de posts: 4
firefox 3.5 ya fue lanzado, y soporta @font-face, entonces en la medida que ff 3.5 se vuelva estandar (y segun las estadisticas los usuarios de firefox son los mas predispuestos a actualizar su navegador) la opcion de font-face puede empezar a considerarse, porque entonces tenemos (segun webfont.info ):
safari >= 3.1 -> (webkit) @font-face con .ttf y otf.
firefox >= 3.5 -> (gecko) @font-face con .ttf y otf.
opera >= 10 (beta) -> @font-face con .ttf y otf. (aunque por ahi lei q es un soporte bastante deficiente aun)
chrome >= 2.0 (beta) -> (webkit) soporta @fontface con .ttf y otf.
IE >= 4.0 -> soporta @fontface con .eot (Embedded OpenType)*
(*) para pasar de .ttf a .eot hay dos aplicaciones:
WEFT
http://www.microsoft.com/typography/web/embedding/weft3/download.aspx
ttf2eot
http://code.google.com/p/ttf2eot/ -
HARTUM
Registrado desde 22/11/02 / Número de posts: 4291
tengo que decir que WETF apesta y mucho el otro metodo(que es por consola) no lo he probado.
-
jong
Registrado desde 07/01/06 / Número de posts: 671
http://www.w3.org/TR/css3-fonts/#appendix-b-font-licensing-issues
font-face mola, pero tendremos que leer la letra pequeña de la licencia de la fuente que querramos usar para ver si está permitido su uso. -
markshock
Registrado desde 21/03/05 / Número de posts: 780
Como dice jong, @font-face mola... evidentemente ojito con las licencias... pero madre, que gozada no tener que implementar el calvario de sIFR !!!
Con lo imprescindible que es hoy en día el trabajo que se realiza y con la cantidad de tipografías que uno puede trabajar en internet y que no haya un soporte de los navegadores hacia el uso de tipografías sin necesidad de ir haciendo atropellos con flash, me parece patético....
+1 a la optimización y al uso de fuente....
Gracias a todos por vuestra aportación, al final el cliente cambio de idea y dijo que le gustaba mas con letra Arial en negrita y de 18 px.... ojooo...!! que si lo dice el cliente....Desarrollo web, servicios integrales en internet
Work: http://www.estadoactivo.com
Yo: http://www.marctorres.es
Blog: http://www.marc-torres.com -
markshock
Registrado desde 21/03/05 / Número de posts: 780
Le eché el ojo hace unas semanas... pero el cliente lo descarto, por que entre que carga el contenido y carga los JS se ve el cambio de tipografía y es un poco bestia...
Tenía perdida en la memoria esa página.. ahora si que no se me escapa... ea...
thanks mambrúDesarrollo web, servicios integrales en internet
Work: http://www.estadoactivo.com
Yo: http://www.marctorres.es
Blog: http://www.marc-torres.com -
MrSoriano
Registrado desde 28/06/07 / Número de posts: 1149
Es que eso lo hace porque se espera al window.load para llamar a la función. En cambio, si lo hace mediante un document.ready, te lo hará nada más leer el html de la página y no se notará el change -
markshock
Registrado desde 21/03/05 / Número de posts: 780
Pues tienes razón... con el document.ready no hace el salto.... mira que no fijarme en esa tontería!!!!Desarrollo web, servicios integrales en internet
Work: http://www.estadoactivo.com
Yo: http://www.marctorres.es
Blog: http://www.marc-torres.com
Áreas Domestika
- Diseño (gráfico, web, industrial, producto)
- Programación (cliente, servidor, accesibilidad)
- Ilustración (autores, inspiración, técnicas)
- Fotografía (técnica, equipo, autores)
- Motion Graphics (showreels, software, estudios)
- Publicidad (campañas, anuncios, ideas)
- Informática (software, hardware, trucos)
- 3D (técnicas, iluminación, modelado)
- Experiencia de Usuario (usabilidad, AI, HCI)
- Cine, vídeo y televisión (críticas, producción)
- Música y Audio (sonidos, loops, discos)
- Espacios (arquitectura, interiorismo)