Ayuda @font-face

PrendekZ · #1 (**permalink**) 21/07/2010, 16:58

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.

Calizman · #2 (**permalink**) 21/07/2010, 23:28

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!

Carlangueitor · #3 (**permalink**) 21/07/2010, 23:58

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

Calizman · #4 (**permalink**) 22/07/2010, 00:24

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!

PrendekZ · #5 (**permalink**) 22/07/2010, 08:45

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?

Carlangueitor · #6 (**permalink**) 22/07/2010, 11:32

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.

PrendekZ · #7 (**permalink**) 22/07/2010, 19:57

Cita:

Iniciado por Carlangueitor

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!

DaChux · #8 (**permalink**) 23/07/2010, 09:09

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.

alexk · #9 (**permalink**) 23/07/2010, 12:10

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