Bonjours tout le monde!

Je viens vous demandez un coup de main pour pouvoir utiliser une police de caractere sur mon site.
Habituellement j'utilise google-font ou autre pour intégrer mes polices, sauf que cette fois, je souhaiterais en utiliser une que j'ai télécharger sur un site qui ne permet pas cette manipulation.

Pour l'utiliser, j'ai utiliser le site http://www.fontsquirrel.com/fontface/generator qui permet de rendre compatible une police avec un maximum de navigateur web.

J'ai donc récupéré mes fichiers, l’aperçu fourni dedans marche très bien et la commence les ennuis.

Je prends le contenu du .css pour l’intégrer au miens à savoir ces quelques lignes:
@font-face {
font-family: 'albaregular';
src: url('./fonts/alba____-webfont.eot');
src: url('./fonts/alba____-webfont.eot?#iefix') format('embedded-opentype'),
url('./fonts/alba____-webfont.woff') format('woff'),
url('./fonts/alba____-webfont.ttf') format('truetype'),
url('./fonts/alba____-webfont.svg#albaregular') format('svg');
font-weight: normal;
font-style: normal;
}

dans lesquelles j'ai adapté l'url pour ciblé mon fichier 'fonts', au cas ou, je vous met la structure de mes dossiers:
-MonTheme
--css
---style.css
--fonts
---alba____-webfont.eot
---alba____-webfont.svg
---alba____-webfont.ttf
---alba____-webfont.woff

(je donne au cas où je me serais trompé dans l'url, malgré que j'ai essayé aussi avec l'url complète et que le résultat soit le même)

Plus loin dans mon css, j'appel la police de cette façon:
font-family:albaregular;

Sauf que... ça ne marche pas

Si vous avez une idée de la façon dont je dois procéder pour pouvoir utiliser une police téléchargé, je suis preneur!

J'en profite pour vous demandez si il vaut mieux utiliser google-font ou héberger soit même ses polices?

Merci d'avance pour l'aide que vous m'apporterez.

Essaie avec deux points au lieu d'un seul

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

sinon tu utilises bien la police après ?
(C'est à dire qu'il faut bien l'appliquer à un élément, du genre
p{
font-family:'albaregular';
}

La police marche dans le fichier d'exemple fourni dans le kit de FontSquirrel ?

Si oui, t'as du te planter dans le chemin des fonts...

Actuellement t'as bien un dossier fonts dans le dossier où tu as ton CSS ?

Du genre:

racine\
       fonts\
               alba____-webfont.eot
               alba____-webfont.woff
               alba____-webfont.ttv
               alba____-webfont.svg
       style.css (avec ton @font-face)

edit: j'avais pas vu la structure de tes dossier... le chemin est relatif au css, il faut donc mettre "../" et pas "./", en gros tu remonte d'un dossier avant d'aller dans le dossier fonts.

Pour info, "./" dossier courant, et "../" dossier parent.

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

Merci pour votre aide à vous tous!
Le problème vennait bien du './' au lieu du '../'.

Je me sent bête ^^ Merci pour votre aide.

A coté de ça, quelqu'un à des infos sur si il vaut mieux que je fasse comme ceci pour toute mes polices (j'en ai 4) ou de passer par google-fonts? (par exemple)

La différence c'est qu'avec Google Fonts les polices sont hébergées sur les serveurs de Google.

Avantage: Ça t'économise de la bande passante sur ton serveur (4 polices, en 4 formats différents c'est quand même pas négligeable), et tu es sûr de pas te planter dans le chemin de la font en CSS

Inconvénient: Si les serveurs de Google qui hébergent les polices en questions sont down, tu n'auras plus la police sur ton site. Y'a peu de chances que ça arrive donc ça n'en fait pas vraiment un inconvénient.

Deuxième inconvénient, mais à vérifier: Sur certaines polices Google Fonts te fournit qu'un format WOFF, ce qui fait que sur les navigateurs qui ne supportent pas le WOFF, ta font ne s'affiche pas, alors qu'en la générant sur FontSquirrel ou autres, tu as les 4 formats de polices pour tous les navigateurs.

Merci pour toute ces infos

Beaucoup d'avantage finalement ^^
Merci encore!