28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Voici mon problème :

Je suis en train de développer un site en html5, et j'utilise la fonctionnalité font-face qui me permet d'afficher des polices "originales". Voici comment j'ai procédé jusqu'ici :

@font-face
{
  font-family: 'bebas';
  src: url('font/BebasNeue.eot');
}


Puis :
h1
{
    text-align:center;
    font-family: 'bebas';
    font-size:90px;
    color:#2e2d30;
}


Jusqu'ici tout fonctionnait parfaitement en local, et sur un hébergeur gratuit. Mais lorsque ce matin, j'ai voulu mettre en ligne mon site sur un serveur de chez 1&1, la fonctionnalité font-face ne marche plus (aussi bien sur firefox que sur chrome).

Quelqu'un sait-il d'ou ce problème peut-il provenir ? (J'ai vérifié le chemin des polices, tout semble correct).
Bonjour. Votre déclaration est loin d'être complète pour être compatible avec tous les médias...

Voici une déclaration telle que l'on peut la trouver sur un site spécialisé tel font-squirrel :

@font-face {
    font-family: 'AquilineRegular';
    src: url('../fonts/Aquiline/Aquiline-webfont.eot');
    src: url('../fonts/Aquiline/Aquiline-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Aquiline/Aquiline-webfont.woff') format('woff'),
         url('../fonts/Aquiline/Aquiline-webfont.ttf') format('truetype'),
         url('../fonts/Aquiline/Aquiline-webfont.svg#AquilineRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

Il faut évidement disposer des polices appelées. Mais justement le site susnommé permet de les obtenir par conversion.
Modifié par Olivier C (22 Mar 2013 - 08:31)