Problème avec @font-face
Résolu
FishieGoRawr
Messages postés
23
Date d'inscription
Statut
Membre
Dernière intervention
-
FishieGoRawr Messages postés 23 Date d'inscription Statut Membre Dernière intervention -
FishieGoRawr Messages postés 23 Date d'inscription Statut Membre Dernière intervention -
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!
A voir également:
- Problème avec @font-face
- Face time - Guide
- Face time gratuit - Télécharger - Messagerie
- Face book conection - Guide
- Combien de temps pour un paiement boncoin face a face ✓ - Forum Consommation & Internet
- Chien lady gaga poker face ✓ - Forum Cinéma / Télé
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.
déjà au départ, tu configures très mal les paramétres ...
exemple :
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
;)
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
;)
