Problème avec @font-faceRésolu/Fermé

Question

Salut à tous!

J'ai un problème avec mon site web qui ne montre pas mes custom fonts sur FireFox/Chrome, il ne les montre que sur IE!

Mon CSS:

@font-face {
 font-family: bookworm;
 src: url("fonts/Bookworm.eot");
} 

@font-face {
 font-family: bookworm;
 src: url("fonts/Bookworm.ttf");
} 

Et je met le font-family dans mon CSS, dans un ID:

#contenu{position:absolute;	
top:250px;	
left:150px;	
width:950px;	
height:650px;	
font-family: bookworm;
font-size:24px;
text-align:center;
}


Merci de bien vouloir m'aider à résoudre ce problème :D!

prosthetiks · Answer

Il faut que tu charges les .woff et les svg aussi. Si tu ne les as pas, tu peux convertir ta police en police pour le web avec https://www.fontsquirrel.com/tools/webfont-generator Il te générera le CSS a utiliser en même temps que les fichiers nécessaires.

bg62 · Answer

déjà au départ, tu configures très mal les paramétres ...
exemple :
@font-face {
    font-family: 'ChatypeB2.1BoldBold';
    src: url('fonts/chatypeb2.1bold-webfont.eot');
    src: url('fonts/chatypeb2.1bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/chatypeb2.1bold-webfont.woff') format('woff'),
         url('fonts/chatypeb2.1bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

} 
en plaçant les fichiers correctement dans un dossier " fonts "
ensuite il faut tout 'répercuter' sur le site lui-même ...
 exemples + codages liés :
https://www.unesourisetmoi.info/pages/webfonts.php
;)

FishieGoRawr · Answer

Merci beaucoups ! (:

Problème avec @font-face

3 réponses

Discussions similaires

Newsletters