28172 sujets

CSS et mise en forme, CSS3

Problème de font

Bonjour,

Je suis face à un problème que je n'avais jamais rencontré,
j'ai mis en ligne un site où la police utilisée est une police chargée dans le site via la commande @font-face
Tout fonctionne très bien partout sauf sur la nav où apparement chez mon clients lorsque celle ci passe en hover la police change pour de l'arial!

Uniquement sous Firefox 25.0.1 sur mac os 10.7.5 . Or j 'ai la même version de firefox et le probleme n'apparait pas chez moi!

Il me dit ensuite que si il change la police par défaut de son navigateur de times à arial, le problème n’apparaît plus.

J'ai essayer moi même de changer la police pas défaut de mon navigateur mais je ne constate jamais ce problème.

Comment puis je régler cela?
Bonjour,

Difficile à dire comme ça. Il faudrait pouvoir visualiser une page. Bien entendu la police n'est pas présente par défaut sur votre os ? Au cas où...
Non elle ne l'ai pas et chez moi il n'y a aucun problème seulement chez le client
upload/52128-hover.jpg

voici la capture d'écran que m'a envoyé le client sans et avec hover.

Pour ce qui est du code css le voici :



@font-face {
    font-family: 'handle_oldstyle_atregular';
    src: url('font/handle_oldstyle_at-webfont.eot');
    src: url('font/handle_oldstyle_at-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/handle_oldstyle_at-webfont.woff') format('woff'),
         url('font/handle_oldstyle_at-webfont.ttf') format('truetype'),
         url('font/handle_oldstyle_at-webfont.svg#handle_oldstyle_atregular') format('svg');
    font-weight: normal;
    font-style: normal;}
 
body
    {
        font-family: 'handle_oldstyle_atregular', Times, serif;
        font-weight: 400;
        background: #000;
        color: #6b7770;
        font-size: 11.5pt;
        line-height: 2em;
        background: url("../images/bgtour.jpg") no-repeat scroll #000;
background-size: 114%;
background-position: 419% 114%;
 
     
    }
     
    h1, h2, h3, h4, h5, h6, h7
    {
        font-family: 'handle_oldstyle_atregular', Times, serif;
        font-weight: 400;
        text-transform: uppercase;
        color: #878787;
    }
Le problème vient peut-être du font-size définit en pt, unité normalement réservée à l'impression.

À éviter. Même si cette unité n'est peut être pas en cause, vous écarterez un problème potentiel.
Modifié par Olivier C (13 Dec 2013 - 16:59)
Sujet clos
Aller à