Ver Mensaje Individual
  #1 (permalink)  
Antiguo 06/06/2011, 00:45
Avatar de sergi_multimedia
sergi_multimedia
 
Fecha de Ingreso: noviembre-2010
Mensajes: 213
Antigüedad: 13 años, 5 meses
Puntos: 4
Exclamación Problema con @font-face

Hola os escribo para comentaros un problema con @font-face, primero de todo os pongo el código CSS:

Código CSS:
Ver original
  1. @font-face {
  2.     font-family: 'optima';
  3.     src: url('imatges/optima.eot');
  4.     src: local('?'), url('imatges/optima.woff') format('woff'), url('imatges/fonts/optima.ttf') format('truetype'), url('imatges/optima.svg') format('svg');
  5.     font-weight: normal;
  6.     font-style: normal;
  7. }

y la página web: s310876771.mialojamiento.es

La verdad es que en cada sistema operativo me encuentro diferentes tipos de visualización, ya sea con Windows XP, Windows 7 o Snow Leopard. Pero según he leído eso bastante normal, ya que no todos los sistema lo interpretan de la misma manera.

El principal problema ahora mismo es con Safari para Mac, me sale la letra mucho más pequeña y los acentos no se me visualizan y salen cosas raras.

Imagen de muestra:

[

En cambio en Chrome para Mac se me ve estupendamente:



Y en Chrome para Windows 7, se ve bien, aunque en el menú la letra está más delgada...




Bien, sobretodo me gustaría solucionar el problema de visualización de Safari para Mac, saber también que hay de malo en el código, si hay error en el @font-face.

Muchas gracias por pasar ;)