Problema con @font-face

[sergi_multimedia]

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

Código CSS:

@font-face {
    font-family: 'optima';
    src: url('imatges/optima.eot');
    src: local('?'), url('imatges/optima.woff') format('woff'), url('imatges/fonts/optima.ttf') format('truetype'), url('imatges/optima.svg') format('svg'); 
    font-weight: normal;
    font-style: normal;
}
 

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 ;)