Problème avec @font-face
Résolu
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!
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!
3 réponses
-
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.
-
Modérateurdé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
;) -
Merci beaucoups ! (:
