font-face css Questions

Question

Salut les gars, j'ai ce code dans mon fichier css du générateur de @fontsquirrel

/// a changé le code pour la façon dont il est maintenant ///

@font-face { 
font-family: 'AdLibRegular'; 
src: url('../fonts/adlib-webfont.eot'); 
src: local('☺'), url('../fonts/adlib-webfont.woff') format('woff'), 
     url('../fonts/adlib-webfont.ttf') format('truetype'), 
     url('../fonts/adlib-webfont.svg#webfontmAc00Ivp') format('svg'); 
font-weight: normal; 
font-style: normal; 
} 

.AdLib { 
     font-weight: normal; 
     font-style: normal; 
     line-height:normal; 
     font-family: 'AdLibRegular', sans-serif; 
} 

c'est stockés dans un dossier appelé css et les polices sont stockées dans un dossier appelé polices.

Je ne peux pas que cela fonctionne quand dans la page html je l'appeler par exemple

<h1 class="AdLib">Testing Testing 1 2 3</h1> 

Je ne peux pas travailler ce que je fais mal du tout.

Des idées?

merci à l'avance STU

//// J'ai maintenant changé les tout url (» ../fonts/adlib etc et il ne fonctionne toujours pas, je suis localement prévisualisation -. Est-ce qu'il ?

Answer 1

J'ai rencontré des problèmes avec la police face où l'URL commence par un '/' - essayez de la modifier l'URL src être une URL relative:

par exemple

@font-face { 
font-family: 'AdLibRegular'; 
src: url('../fonts/adlib-webfont.eot'); 
} 

(évidemment pointer vers le bon pli emplacement er)

Answer 2

peut être un problème avec le chemin, où se trouve le dossier de police en fonction du fichier css?

si le dossier de la police est dans le dossier css, vous devez utiliser le chemin suivant:

src: url('fonts/adlib-webfont.eot'); 

si elle est à côté de la carte de css vous devez utiliser le chemin suivant:

src: url('../fonts/adlib-webfont.eot'); 

../ est utilisé pour retourner à un dossier