L'import de police avec @font-face et SASS/COMPASS

Par Adel, il y a 13 ans


Les bases HTML/CSS

Bonsoir tout le monde,

J'espère que tout le monde a passé un excellent Noël et que vous avez été gâté.
Voici la méthode d'importation que j'ai utilisé :

@import "compass/css3/font-face";
 @include font-face("skia", font-files("../font/skia.ttf", "../font/skia-webfont.eot", "../font/skia-webfont.svg", "../font/skia-webfont.ttf", "../font/skia-webfont.woff" ));
@include font-face("bauhaus", font-files("../font/bauhaus-webfont.ttf", "../font/bauhaus-webfont.eot", "../font/bauhaus-webfont.svg", "../font/bauhaus-webfont.woff" ));

La où je ne comprends pas c'est que seul la police de caractère "Skia" fonctionne correctement, la seconde "Bauhaus" qui se trouve pourtant dans le même répertoire ne s'affiche pas.

Avez-vous déjà été confronté à ce cas de figure ?

Merci pour votre aide.

Adel

5 réponses

Lotfi Berrahal, il y a 13 ans

Bonjour,
Tu as bien vérifier l'orthographe que tu as utiliser et les nom des font? pour ton.ttf par exemple tu as '-webfont' que tu n'as pas pour la police du dessus

Adel, il y a 13 ans

Bonsoir, Lotfi,

J'ai vérifier l'orthographe et il est bon.

Lotfi Berrahal, il y a 13 ans

essaie ça voir :

@include font-face("bauhaus", font-files("../font/bauhaus-webfont.eot", "../font/bauhaus-webfont.svg","../font/bauhaus-webfont.ttf","../font/bauhaus-webfont.woff" ));

et dans ton css

font-family:bahaus;
Adel, il y a 13 ans

Merci pour vos réponses, je viens de découvrir l'origine du problème, un cafouillage de fichier du à SVN