Foros del Web » Creando para Internet » HTML »

Descubrir tipo de letra empleado en web

Estas en el tema de Descubrir tipo de letra empleado en web en el foro de HTML en Foros del Web. Hola a todos, a ver si podéis echarme un cable con una página web en la que emplean un tipo de letra a mi parecer ...
  #1 (permalink)  
Antiguo 10/01/2011, 09:35
 
Fecha de Ingreso: enero-2008
Mensajes: 15
Antigüedad: 9 años, 10 meses
Puntos: 1
Descubrir tipo de letra empleado en web

Hola a todos, a ver si podéis echarme un cable con una página web en la que emplean un tipo de letra a mi parecer no estándar y que me gustaría descubrir cómo lo hacen. La web en cuestión es [URL="http://css-tricks.com/perfect-full-page-background-image/"]ésta[/URL]. Y el tipo de letra al que me refiero se encuentra en los "nickname" de los comentaristas justo debajo del artículo. Si me guardo la página y la visualizo desde mi Pc el tipo de letra desaparece. ¿Cómo diantres han logrado ese efecto? Por cierto, grandes las diferencias al visualizarlo en Firefox o Internet Explorer:

Firefox:
[URL=http://img814.imageshack.us/i/66997610.jpg/][IMG]http://img814.imageshack.us/img814/8472/66997610.th.jpg[/IMG][/URL]


Internet Explorer:
[URL=http://img510.imageshack.us/i/94041526.jpg/][IMG]http://img510.imageshack.us/img510/3364/94041526.th.jpg[/IMG][/URL]
  #2 (permalink)  
Antiguo 10/01/2011, 09:46
Avatar de Manuellama  
Fecha de Ingreso: noviembre-2006
Ubicación: Zafra, Extremadura, Spain, Spain
Mensajes: 174
Antigüedad: 11 años
Puntos: 10
Respuesta: Descubrir tipo de letra empleado en web

http://www.fonts.com/findfonts/Detai...oductId=378963

Tandelle Font Family 24px

http://www.fonts.com/findfonts/Detai...378963#tryfont
  #3 (permalink)  
Antiguo 10/01/2011, 09:49
Avatar de quinqui  
Fecha de Ingreso: agosto-2004
Ubicación: Chile!
Mensajes: 776
Antigüedad: 13 años, 3 meses
Puntos: 56
Respuesta: Descubrir tipo de letra empleado en web

Hola, plomez

Cuando quieras averiguar los efectos de una página, utiliza el visor de código fuente de tu navegador, de modo que podrás ver los estilos (STYLE) que estén directos en la página, y/o el enlace a el o los archivos CSS que generan el estilo de la página.

Por ahora, utilizando ese medio, yo encontré en una de las hojas CSS del sitio web esto:

Código css:
Ver original
  1. cite {
  2.  display:block;
  3.  margin-top:3px;
  4.  font-family:"tandelle-1","tandelle-2",HelveticaNeue,Helvetica,Arial,serif;
  5.  text-transform:uppercase;
  6.  font-style:normal;
  7.  color:black;
  8.  font-size:24px }

Como la fuente que utilizan es esa "tandelle", debieras buscarla y subirla a tu servidor también para que tus páginas la carguen.

Saludos!

Editado: Y ahí Manuellama te ha dejado el link para encontrar la fuente :)
__________________
pipus.... vieeeeeji plomius!!!
*quinqui site*
  #4 (permalink)  
Antiguo 10/01/2011, 09:53
 
Fecha de Ingreso: enero-2008
Mensajes: 15
Antigüedad: 9 años, 10 meses
Puntos: 1
Respuesta: Descubrir tipo de letra empleado en web

Cita:
Iniciado por Manuellama Ver Mensaje
[url]http://www.fonts.com/findfonts/Detail.htm?ProductId=378963[/url]

Tandelle Font Family 24px

[url]http://www.fonts.com/findfonts/Detail.htm?ProductId=378963#tryfont[/url]
Gracias por la pronta respuesta. Veo que has localizado el tipo de letra, pero sigo sin saber cómo puedo utilizarla yo en una web. Hasta ahora pensaba que la única manera de emplear fuentes no estándar era sustituyéndolas por imágenes. ¿Se trata de algún servicio que ofrece fonts.com?

Gracias de nuevo
  #5 (permalink)  
Antiguo 10/01/2011, 09:57
 
Fecha de Ingreso: enero-2008
Mensajes: 15
Antigüedad: 9 años, 10 meses
Puntos: 1
Respuesta: Descubrir tipo de letra empleado en web

Cita:
Iniciado por quinqui Ver Mensaje
Hola, plomez

Cuando quieras averiguar los efectos de una página, utiliza el visor de código fuente de tu navegador, de modo que podrás ver los estilos (STYLE) que estén directos en la página, y/o el enlace a el o los archivos CSS que generan el estilo de la página.

Por ahora, utilizando ese medio, yo encontré en una de las hojas CSS del sitio web esto:

Código css:
Ver original
  1. cite {
  2.  display:block;
  3.  margin-top:3px;
  4.  font-family:"tandelle-1","tandelle-2",HelveticaNeue,Helvetica,Arial,serif;
  5.  text-transform:uppercase;
  6.  font-style:normal;
  7.  color:black;
  8.  font-size:24px }

Como la fuente que utilizan es esa "tandelle", debieras buscarla y subirla a tu servidor también para que tus páginas la carguen.

Saludos!

Editado: Y ahí Manuellama te ha dejado el link para encontrar la fuente :)

Ya lo intenté, pero el código de esa página es inmenso. No tengo la habilidad que me demostráis vosotros :P

Con el último párrafo me estás diciendo que existe la posibilidad de que yo suba cualquier tipo de fuente al servidor donde la tengo alojada y podría ser capaz de que cualquiera que visitara mi web podría verla con ese tipo de letra?
  #6 (permalink)  
Antiguo 10/01/2011, 10:06
Avatar de quinqui  
Fecha de Ingreso: agosto-2004
Ubicación: Chile!
Mensajes: 776
Antigüedad: 13 años, 3 meses
Puntos: 56
Respuesta: Descubrir tipo de letra empleado en web

Cita:
Iniciado por plomez
Con el último párrafo me estás diciendo que existe la posibilidad de que yo suba cualquier tipo de fuente al servidor donde la tengo alojada y podría ser capaz de que cualquiera que visitara mi web podría verla con ese tipo de letra?
Mmh, pues en teoría, si ellos lo lograron.... Yo que tú hago la prueba :)
__________________
pipus.... vieeeeeji plomius!!!
*quinqui site*
  #7 (permalink)  
Antiguo 10/01/2011, 10:12
 
Fecha de Ingreso: enero-2008
Mensajes: 15
Antigüedad: 9 años, 10 meses
Puntos: 1
Respuesta: Descubrir tipo de letra empleado en web

Cita:
Iniciado por quinqui Ver Mensaje
Mmh, pues en teoría, si ellos lo lograron.... Yo que tú hago la prueba :)
jejje, no seas malote. Si sabes el secreto dime que me tiene intrigado el tema.
A la noche probaré que ahora me tengo que marchar. Me has dejado con la mosca...
  #8 (permalink)  
Antiguo 10/01/2011, 11:41
Avatar de Manuellama  
Fecha de Ingreso: noviembre-2006
Ubicación: Zafra, Extremadura, Spain, Spain
Mensajes: 174
Antigüedad: 11 años
Puntos: 10
Respuesta: Descubrir tipo de letra empleado en web

http://xa.ly/oSf

Ahí tienes la fuente Tandelle.
:)

http://www.fontsamurai.com/2007/04/tandelle.php De ahí la saqué.
  #9 (permalink)  
Antiguo 10/01/2011, 12:23
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 5 meses
Puntos: 1567
Respuesta: Descubrir tipo de letra empleado en web

Están utilizando @font-face con una fuente aparentemente llamada "myriad-pro"
Buscando por ahi encontré un directorio web con numerosas variantes de esa fuente

http://greatersharpstown.com/fonts/fonts/

algunos elemento tiene aplicada la propiedad css text-shadow

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #10 (permalink)  
Antiguo 10/01/2011, 13:05
 
Fecha de Ingreso: enero-2008
Mensajes: 15
Antigüedad: 9 años, 10 meses
Puntos: 1
Respuesta: Descubrir tipo de letra empleado en web

Gracias a todos por vuestras respuestas. Lo que a mí realmente me intriga, independientemente de la fuente utilizada, es saber cómo consigue insertar un tipo de fuente no estandar y que se vea en todos los ordenadores, cuando supuestamente éstos no la tienen instalada. ¿Alguien sabría decírmelo?
  #11 (permalink)  
Antiguo 10/01/2011, 13:27
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 5 meses
Puntos: 1567
Respuesta: Descubrir tipo de letra empleado en web

Justamente es lo que te he dicho, es una propiedad CSS llamada @font-face

andá a http://www.fontsquirrel.com/
y ahi mismo, generá tu propio "kit" de fuentes, o descarga alguno de los "prefabricados". (esta última opción es la mejor para ver el funcionamiento)

Una vez descargado el zip, extraelo y mirá el ejemplo que incluye, el resto está en el código fuente


Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #12 (permalink)  
Antiguo 10/01/2011, 17:16
 
Fecha de Ingreso: enero-2008
Mensajes: 15
Antigüedad: 9 años, 10 meses
Puntos: 1
Respuesta: Descubrir tipo de letra empleado en web

Cita:
Iniciado por emprear Ver Mensaje
Justamente es lo que te he dicho, es una propiedad CSS llamada @font-face

andá a [url]http://www.fontsquirrel.com/[/url]
y ahi mismo, generá tu propio "kit" de fuentes, o descarga alguno de los "prefabricados". (esta última opción es la mejor para ver el funcionamiento)

Una vez descargado el zip, extraelo y mirá el ejemplo que incluye, el resto está en el código fuente


Saludos
Gracias emprear, no había entendido que era eso lo que querías decirme. Lo estudiaré mañana que ahora se me cierran los ojos de cansancio. Prometo decir algo ;)
  #13 (permalink)  
Antiguo 10/01/2011, 17:37
 
Fecha de Ingreso: enero-2008
Mensajes: 15
Antigüedad: 9 años, 10 meses
Puntos: 1
Respuesta: Descubrir tipo de letra empleado en web

Qué grande eres emprear!! Si señor!! me acabas de abrir un mundo nuevo

He descargado un kit de los que vienen preparados y lo he probado en mi pc. Funciona. Seguidamente lo he subido al sitio web y... FUNCIONA!!

Y lo mejor es que parece que permite también, además de las fuentes que ya hay, utilizar cualquiera que se me antoje. Genial!! muchísimas gracias de nuevo.
  #14 (permalink)  
Antiguo 10/01/2011, 22:45
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 5 meses
Puntos: 1567
Respuesta: Descubrir tipo de letra empleado en web

De nada colega:

Y tene en cuenta que con las .eot y las .ttf te va a funcionar en todos los navegadores (ttf para FF, Opera, chrome, Safari y .eot para IE), los otros formatos, woff, svg son prescindibles


Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #15 (permalink)  
Antiguo 11/01/2011, 02:15
 
Fecha de Ingreso: enero-2008
Mensajes: 15
Antigüedad: 9 años, 10 meses
Puntos: 1
Respuesta: Descubrir tipo de letra empleado en web

Cita:
Iniciado por emprear Ver Mensaje
De nada colega:

Y tene en cuenta que con las .eot y las .ttf te va a funcionar en todos los navegadores (ttf para FF, Opera, chrome, Safari y .eot para IE), los otros formatos, woff, svg son prescindibles


Saludos
¿y esto desde cuándo existe? yo llevo unos cuantos años desconectado del mundo de las páginas web. De cuando se utilizaban tablas para estructurar el contenido. Ahora todo se realiza mediante etiquetas DIV y estilos CSS y me encuentro algo perdido. Estoy buscando un tutorial que no esté desfasado donde poder meterme de lleno con esta nueva manera de realizar las webs. ¿Me aconsejáis alguno? Muchísimas gracias una vez más.
  #16 (permalink)  
Antiguo 11/01/2011, 10:19
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 5 meses
Puntos: 1567
Respuesta: Descubrir tipo de letra empleado en web

Eso existe desde hace bastante, estaba en Css 2.0, en el 2.1 lo quitaron, despues estaba el tema de que navegador lo reconocía y como crear las fuentes, que era toda una historia, en IE y con un programa llamado WFET o algo asi, se podían usar... pero bueno, todo eso ya es historia, ahora existe en Css 3 y como viste, crear las fuentes es una cosa simple y los browsers la soportan todos. Incluso IE6.


Por lo de aprender, si como decis ya tenés experiencia con tablas en el diseño web, par hacer la transición concentrate en como posicionar Divs y en el uso de floats, una vez que tenes resuelto eso, lo demás viene solo.

http://www.wmasterfacil.com/0033maquetacion.html
http://www.barelyfitz.com/screencast...s/positioning/
http://www.luiscanada.com/manualCSS/...nto-9pasos.php

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #17 (permalink)  
Antiguo 11/01/2011, 11:08
 
Fecha de Ingreso: octubre-2010
Ubicación: MExico
Mensajes: 4
Antigüedad: 7 años, 2 meses
Puntos: 0
Respuesta: Descubrir tipo de letra empleado en web

muy buenos los links de maquetacion. gracias !
  #18 (permalink)  
Antiguo 11/01/2011, 12:19
 
Fecha de Ingreso: enero-2008
Mensajes: 15
Antigüedad: 9 años, 10 meses
Puntos: 1
Respuesta: Descubrir tipo de letra empleado en web

Muchas gracias emprear por las molestias tomadas . Me has sido de gran ayuda. Revisaré esas páginas que has compartido que tienen una pinta muy buena.

Poquito a poco y buscando tiempo libre seguro que termino cogiéndole el truquillo.

Etiquetas: letra, tipo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 2 personas




La zona horaria es GMT -6. Ahora son las 20:11.