Problème pour inserer une police personalisée

shooya -  
Melooo Messages postés 1405 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

j'essaye de mettre une police perso sur un prestashop via @front-face
mais cla ne fonctionne pas
je ne vois pas ou est le problème,
j'ai rajouter un dossier fonts sur le serveur contenant la police "bebasneue" en differentes versions pour le web
j'ai rajouté les codes que voici dans le css:
@font-face {
font-family: 'bebasneue';
src: url("fonts/bebasneue.eot");
src: url("fonts/bebasneue.eot?#iefix") format('embedded-opentype'),
url("fonts/bebasneue.woff") format('woff'),
url("fonts/bebasneue.ttf") format('truetype'),
url("fonts/bebasneue.svg#bebasneue") format('svg');
font-weight: normal;
font-style: normal;
}

et modifié :

body {
color: #ffffff;
font-family: 'bebasneue';
letter-spacing: 1px;
font: 'bebasneue',Helvetica,Arial;
font-size: 20px;
letter-spacing: 1px;
background: url("/modules/changebackground/background_custom.jpg") no-repeat fixed center top #000000;
text-align: left;
}

Et ans le header template j'ai rajouté ceci avant la balise head:

<link media="screen" type="text/css" href="http://www.mockingbird-wear.com/fonts/bebasneue.eot" rel="bebasneue">
<!--[if lte IE 8]>
<style type="text/css">
@font-face {
font-family: "HoneyScript";
src: url("fonts/bebasneue.eot");
}
</style>
<![endif]-->

Malgré tous ces efforts ma police refuse toujours de s'afficher et cela fait partir le site dans tout les sens :(
Y a t- il un expert qui pourait m'aider Svp? cela fait un temps certain que je coince là dessus ...

Bien à vous
A voir également:

2 réponses

Réponse 1 / 2
Melooo Messages postés 1405 Date d'inscription   Statut Membre Dernière intervention   84
 
Salut,
Lorsque j'utilise une police personnalisée sur mon site je n'ai pas besoin de tout ca, et pourtant ca fonctionne sur tous les navigateurs : 
@font-face { 
font-family: 'Lenomdetapolice'; 
src: url('fonts/Lenomdetapolice.eot'); 
src: url('fonts/Lenomdetapolice.otf') format('truetype'), 
     url('fonts/Lenomdetapolice.woff') format('woff'); 
}

Normalement compatible avec Firefox, IE, Opera, Chrome & Safari.
Essayes de vider ton cacher sur les navigateurs (je sais que sous IE je ne voyais pas le résultat, je devais d'abord supprimer le cacher).

Sur quel site as-tu converti ta police de départ ?
1
shooya
 
Ok merci pour la reponse, j'ai essayé juste comme ca aussi mais ca va tjs pas
peut etre qu'il y a une particularité quand c'est sur un prestashop?
petite question, lorsque tu fais l'apl de la font par exemple tu mets le ' ' ou les "" dans le css?
0
shooya
 
http://fontface.codeandmore.com/
0
Réponse 2 / 2
Melooo Messages postés 1405 Date d'inscription   Statut Membre Dernière intervention   84
 
Je ne pense pas que ca change grand chose que tu sois sur Prestashop...
lorsque tu appel ta police tu fais comme ceci : 
.title  
{  
font-family:bebasneue;  
}


Tu n'es pas obligé de le mettre entre des quotes...
Tu dois mettre des quottes lorsque ta police est composé du genre Myriad Pro

Pour convertir tes polices, je te conseille plutôt ce site :
https://www.fontsquirrel.com/tools/webfont-generator
1
shooya
 
ah merci pour la reponse, je pense bien que le problème doit venir de la alors, c'est peut etre tout simplement à cause de la polie qui a ete generer à la base, par ce que c'est bisard on dirait que ca essaye de la charger et puis finalement ca utilise la police de rechange verdana qui fait decaller tout le site.

merci en tous cas, je vais essayer ça tout à l'h et je vous dis si cela fonctionne ;)
0
shooya
 
bon ben , je sais vraiment plus quoi faire, là j'ai tout refais et cela ne fonctionne tjs pas ?

y a t-il un emplacement spéciale ou mettre le code @ font face ds le css ? j'ai essayéde placer les nouvelles polices généré sur le site fontface ds un dossier fonts sur le seveur, et aussi directement à la racine, cela fonctionne tjs pas :(
0
Melooo Messages postés 1405 Date d'inscription   Statut Membre Dernière intervention   84
 
Je viens de télécharger la police, j'ai généré d'autre extension sur le site de font squirel et dans le dossier tu as ceci : 
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('bebasneue-webfont.eot');
    src: url('bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('bebasneue-webfont.woff') format('woff'),
         url('bebasneue-webfont.ttf') format('truetype'),
         url('bebasneue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

Si tu code sur NotePad++ ton fontface doit être bleue
Et la tout fonctionne (je viens de tester)
0
shooya
 
Serieux, je l'ai aussi généré, j'ai fait exactement ça et chez moi ça va tjs pas,lol
c'est pour devenir dingue,
je placé le fichier qui gere le theme de mon prestashop tout en bas dans de mon global.css...
petite question, les fonts , tu les as placé sur le serveur?
0
Melooo Messages postés 1405 Date d'inscription   Statut Membre Dernière intervention   84
 
Bhé oui bien sur qu'il faut les mettre sur le serveur !! sinon comment veux tu qu'il arrive à connaitre ta font
0

Discussions similaires

Bref. Je cherche la police d'écriture de Bref
Ratus -
Calo mnie -

10 réponses
Police d'écriture Ricard
ponkie -
Mike-31 -

2 réponses