Foros del Web » Creando para Internet » CSS »

Ayuda @font-face

Estas en el tema de Ayuda @font-face en el foro de CSS en Foros del Web. Bueno eh querido agregar este tipo de letra a mi web Sony Sketch EF : http://www.dafont.com/sony-sketch-ef.font El cuál lo hice por medio de esto en ...
  #1 (permalink)  
Antiguo 21/07/2010, 16:58
 
Fecha de Ingreso: noviembre-2009
Ubicación: Colombía
Mensajes: 311
Antigüedad: 14 años, 4 meses
Puntos: 17
Ayuda @font-face

Bueno eh querido agregar este tipo de letra a mi web Sony Sketch EF:

http://www.dafont.com/sony-sketch-ef.font

El cuál lo hice por medio de esto en CSS:

Cita:
@font-face{
font-family:'Sony_Sketch';
src: url('../fonts/Sony_Sketch_EF.ttf') format('truetype');
}
y se ve en la web FEO! como pixelado, y en photoshop se ve demasiado bien.

Aquí dejo una el menú Principal que esta en todo el top o el menú vertical de la web:

http://img838.imageshack.us/img838/5...dprotector.jpg

y aquí la web montada:

http://westdeveloping.net/Animal/

Pueden ver como se ve en la web la misma fuente, como podría colocar la fuente más nitida con CSS?

Saludos.
  #2 (permalink)  
Antiguo 21/07/2010, 23:28
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 15 años, 5 meses
Puntos: 83
Respuesta: Ayuda @font-face

Saludos!

Yo lo veo igual que en la imagen que pones. Con las letras un poco más pequeñas, pero igual al fin. Uso Chrome para Ubuntu y todo se ve bien.

Hasta Luego!
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
  #3 (permalink)  
Antiguo 21/07/2010, 23:58
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 10.037
Antigüedad: 16 años
Puntos: 1329
Respuesta: Ayuda @font-face

El rendereado de fuentes que hace Photoshop y el que hace un navegador es diferente y por eso se puede ver diferente en especial en Firefox, que tiene una rara manera de hacerlo. Yo lo estoy viendo en Opera y también se ve rara, pero hasta donde yo sé, no es posible controlar eso.

Saludos
__________________
Grupo Telegram Docker en Español
  #4 (permalink)  
Antiguo 22/07/2010, 00:24
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 15 años, 5 meses
Puntos: 83
Respuesta: Ayuda @font-face

Saludos!

Lo más aconsejable en este caso, es que uses los estilos de letra "normales". Si es mucha tu insistencia, usa imágenes con las letras (aunque no es una buena práctica) que deseas.

Hasta Luego!
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
  #5 (permalink)  
Antiguo 22/07/2010, 08:45
 
Fecha de Ingreso: noviembre-2009
Ubicación: Colombía
Mensajes: 311
Antigüedad: 14 años, 4 meses
Puntos: 17
Respuesta: Ayuda @font-face

No quiero usar imágenes ya que estoy usando Joomla entonces el sitio es dinamico.

Entonces amigos no conocen una forma de hacer el texto más nitido o suavizado?
  #6 (permalink)  
Antiguo 22/07/2010, 11:32
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 10.037
Antigüedad: 16 años
Puntos: 1329
Respuesta: Ayuda @font-face

La solución más fácil es usar cufon que ya hace smoothing a las fuentes, ya que los navegadores son muy diferentes en este caso.

Pero puedes mirar estas info a ver s alguna te sirva (o varias):

http://uninstallme.com/suavizado-de-...rnet-explorer/
http://www.circulodemaquetadores.com...aliasing-font/
http://www.useragentman.com/blog/200...ng-javascript/
http://www.w3.org/TR/WD-font/#font-smooth-prop

Saludos:adios.
__________________
Grupo Telegram Docker en Español
  #7 (permalink)  
Antiguo 22/07/2010, 19:57
 
Fecha de Ingreso: noviembre-2009
Ubicación: Colombía
Mensajes: 311
Antigüedad: 14 años, 4 meses
Puntos: 17
Respuesta: Ayuda @font-face

Cita:
Iniciado por Carlangueitor Ver Mensaje
La solución más fácil es usar cufon que ya hace smoothing a las fuentes, ya que los navegadores son muy diferentes en este caso.

Pero puedes mirar estas info a ver s alguna te sirva (o varias):

http://uninstallme.com/suavizado-de-...rnet-explorer/
http://www.circulodemaquetadores.com...aliasing-font/
http://www.useragentman.com/blog/200...ng-javascript/
http://www.w3.org/TR/WD-font/#font-smooth-prop

Saludos:adios.
No eh podido arreglarlo aún.

Dios :S no sabén algun truco? por favor es urgente!
  #8 (permalink)  
Antiguo 23/07/2010, 09:09
 
Fecha de Ingreso: diciembre-2003
Mensajes: 204
Antigüedad: 20 años, 3 meses
Puntos: 2
Respuesta: Ayuda @font-face

Como te han dicho, cada navegador renderiza las fuentes "a su manera".
Si quieres que se vean exactamente igual que en photoshop, te toca exportarla como imagen en photoshop, y colocarla como imagen.
Si no quieres font-face por los temas que comentas, usa las tipicas alternativas como sift, cufon, etc.
  #9 (permalink)  
Antiguo 23/07/2010, 12:10
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.698
Antigüedad: 14 años, 8 meses
Puntos: 137
Respuesta: Ayuda @font-face

PrendekZ ya te han dicho que uses un cufon hay un plugin para jquery para ello chao...
__________________
Toroflix - movies.

Etiquetas: font-face
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




La zona horaria es GMT -6. Ahora son las 02:45.