Intégrer police sur site

Fermé
funkeen Messages postés 204 Date d'inscription mardi 14 décembre 2010 Statut Membre Dernière intervention 12 novembre 2011 - 18 juin 2011 à 19:55
avion-f16 Messages postés 19252 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 10 février 2025 - 19 juin 2011 à 12:12
Bonjour, j'ai telecharge une police qui est donc sur mon ordinateur et j'aimerais qu'elle puisse saficher sur mon site quadn il sera en ligne ( pour tous les utilisateurs qui n'ont pas cette police dans leur dossier fonts)
faut-il mettre la police dans le meme dossier ou mettre fonts dans le meme dossier ?

merci d'avance



A voir également:

5 réponses

avion-f16 Messages postés 19252 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 10 février 2025 4 505
18 juin 2011 à 20:18
Salut,

En CSS3, avec @font-face :
https://www.webfx.com/blog/web-design/font-face-guide/
0
funkeen Messages postés 204 Date d'inscription mardi 14 décembre 2010 Statut Membre Dernière intervention 12 novembre 2011 5
18 juin 2011 à 21:38
et avec ca les utilisateurs verront la police meme si ils l'ont pas sur leur diske dur ?
0
avion-f16 Messages postés 19252 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 10 février 2025 4 505
Modifié par avion-f16 le 18/06/2011 à 21:43
Oui, il faut la mettre sur ton FTP, la déclarer sous un nom grâce à @font-face puis l'utiliser dans le reste du CSS avec la propriété font ou font-family.
La pensée mène le monde.
0
funkeen Messages postés 204 Date d'inscription mardi 14 décembre 2010 Statut Membre Dernière intervention 12 novembre 2011 5
18 juin 2011 à 22:09
ah mais on met pas ce code dans le css =


@ Font-face {font-family: 'ChunkFiveRegular; src: url (' Chunkfive-webfont.eot); src: local (, ò ? "), url ('Chunkfive-webfont.woff') format ('WOFF) , url ('Chunkfive-webfont.ttf') format ("TrueType"), format d'URL ("Chunkfive-webfont.svg # webfont ') (' svg '); font-weight: normal; font-style: normal;}


il faut faire un nouveau dossier dans le dossier ou il ya tous les fichiers du site ?
0
avion-f16 Messages postés 19252 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 10 février 2025 4 505
18 juin 2011 à 22:33
Si, c'est du CSS, donc tu dois le mettre dans un fichier CSS inclus dans ta page.
Pour les dossiers, ça fonctionne de la même façon que les images d'arrière-plan : soit tu indiques le chemin relatif à la feuille CSS, soit le chemin absolu (http).
0
funkeen Messages postés 204 Date d'inscription mardi 14 décembre 2010 Statut Membre Dernière intervention 12 novembre 2011 5
18 juin 2011 à 22:35
ok mais ils disent telecharger la police et la placer dans le repertoire racine de votre page web en gros je met la police dans le meme dossier ke le dossier ou il y a les fichiers ki consitue mon site (exemple: index.php)
0
avion-f16 Messages postés 19252 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 10 février 2025 4 505
19 juin 2011 à 00:55
Peu importe.
Le but n'est pas de suivre mot par mot les explications mais de les comprendre !
Tu peux placer le fichier de la police où tu veux, mais il faudra adapter le chemin dans @font-face (relativement au fichier CSS et pas à la page, ou absolu).
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
funkeen Messages postés 204 Date d'inscription mardi 14 décembre 2010 Statut Membre Dernière intervention 12 novembre 2011 5
19 juin 2011 à 08:19
ok donc si je veux que le texte de mon site soit en police SEGA LOGO FONT je vais faire dans feuille css :

@font-face
{
font-family: SEGA LOGO FONT;src: url ('fonts/SEGA.ttf');
}
0
avion-f16 Messages postés 19252 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 10 février 2025 4 505
19 juin 2011 à 12:12
Avec des guillemets autour du nom ça serait mieux :
@font-face { 
    font-family: 'SEGA LOGO FONT';
    src: url('fonts/SEGA.ttf');
}

Maintenant tu peux utiliser 'SEGA LOGO FONT' pour définir la police de tes éléments.
Par exemple :
h3 {
    font-family: 'SEGA LOGO FONT', Verdana, Arial, sans-serif;
}
0