Mettre une police personnalisée HTML CSS

Fermé
Signaler
Messages postés
45
Date d'inscription
vendredi 15 juillet 2011
Statut
Membre
Dernière intervention
5 février 2012
-
Messages postés
7
Date d'inscription
dimanche 2 décembre 2012
Statut
Membre
Dernière intervention
23 février 2014
-
Bonjour,
Voilà je suis entrain de faire un site et j'ai télécharger une Police d'écriture sympa (Son Nom :Minecraft) et je voudrais quelle soit la police par défaut du site elle marche sur mon pc et j'en est fais une copie que j'ai mis dans un fichier fonts qui se trouve dans le fichier du site mais maintenant je ne sais pas comment m'y prendre si il faut que je l'intègre dans le CSS ou avec un code HTML et avec quel code .
Merci d'avance
ESGweb



3 réponses

Messages postés
7
Date d'inscription
dimanche 2 décembre 2012
Statut
Membre
Dernière intervention
23 février 2014
4
Voici ce que je peux pour toi.

<html>
<head>
<style type="text/css" >
@font-face {
font-family: 'Ta-Spolice';
src: url('sri-tsc-webfont.eot');
src: url('sri-tsc-webfont.eot?#iefix') format('embedded-opentype'),
url('sri-tsc-webfont.woff') format('woff'),
url('sri-tsc-webfont.ttf') format('truetype'),
url('sri-tsc-webfont.svg#Sri-TSCRegular') format('svg');
font-weight: normal;
font-style: normal;
}
body {
/*Tu appel ta police et oubliles sapeurs pompiers !*/
font-family: "STa-Spolice", serif
}
</style>
</head>
<body>
Voici ta police en action Ta-Spolice.
Compatibilité:
Internet Explorer(all:EOT TTF / OTF) Safari(3.2+ :SVG) iPhone(3.1 :SVG) Chrome(Tout:SVG / TTF / OTF) Firefox(3.5+: TTF / OTF / WOFF) Opera(TTF / OTF)


</body>
</html>

Merci et A+
4
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 41989 internautes nous ont dit merci ce mois-ci

Messages postés
45
Date d'inscription
vendredi 15 juillet 2011
Statut
Membre
Dernière intervention
5 février 2012
7
Resolu moi même grâce a font family !
Messages postés
18619
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
2 décembre 2021
4 340
Salut,

La propriété font-family ne suffit pas.
Tout le monde n'a pas cette police installée sur son ordinateur.

Il faut l'insérer dans ton CSS grâce à @font-face en CSS3.
Messages postés
45
Date d'inscription
vendredi 15 juillet 2011
Statut
Membre
Dernière intervention
5 février 2012
7
Salut , Ok avec un URL ?
Messages postés
18619
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
2 décembre 2021
4 340
Oui.
http://w3schools.com/css3/css3_fonts.asp
pour télécharger des polices . chaque kit contient un fichier html avec un exemple d''utilisation. l'analyse du code te permettra de comprendre.:
http://www.fontsquirrel.com/fontface

tu peux aussi regarder ce site pour les explications :
http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax