Mettre une police d'écriture par le css.
Fermé
o-flo-o
-
12 juin 2012 à 20:33
bg62 Messages postés 23590 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 15 avril 2024 - 13 juin 2012 à 22:40
bg62 Messages postés 23590 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 15 avril 2024 - 13 juin 2012 à 22:40
A voir également:
- Mettre une police d'écriture par le css.
- Police écriture facebook - Guide
- Changer la police d'écriture instagram - Guide
- Écriture miroir - Guide
- Ecriture italique - Guide
- Police d'écriture facture edf - Forum Graphisme
10 réponses
aladin07
Messages postés
277
Date d'inscription
vendredi 13 avril 2012
Statut
Membre
Dernière intervention
30 septembre 2012
30
12 juin 2012 à 21:17
12 juin 2012 à 21:17
Utilise Gogole Web font.
Sujet déjà résolu
https://forums.commentcamarche.net/forum/affich-25327206-ecriture-led-pour-site-web
Sujet déjà résolu
https://forums.commentcamarche.net/forum/affich-25327206-ecriture-led-pour-site-web
bg62
Messages postés
23590
Date d'inscription
samedi 22 octobre 2005
Statut
Modérateur
Dernière intervention
15 avril 2024
2 362
12 juin 2012 à 20:40
12 juin 2012 à 20:40
tu as ceci :
https://www.unesourisetmoi.info/pages/webfonts.php
( https://www.unesourisetmoi.info/googlewebfonts/index.html )
https://www.unesourisetmoi.info/fontface/index.html
dans ton cas intégrer via @font-face sera certainement le plus simple, il suffit d'obtenir les fichiers et de mettre le code css
@+
https://www.unesourisetmoi.info/pages/webfonts.php
( https://www.unesourisetmoi.info/googlewebfonts/index.html )
https://www.unesourisetmoi.info/fontface/index.html
dans ton cas intégrer via @font-face sera certainement le plus simple, il suffit d'obtenir les fichiers et de mettre le code css
@+
Merci de ta réponse ! Très rapide et je t'en remercie (: Alors je te donne le css :
Comment dois-je faire dans ce cas car je n'ai pas bien compris :)
#Letitre{ Border: 1px solid; Border-color: white; Color: White; font-size: 25px; font-family: ??????????????????????? text-align: center; Background-image: url('http://nsa30.casimages.com/img/2012/06/11/120611090313176245.png'); Background-color: #F1DFBC; Background-repeat: repeat-x; Height: 30px; Width: 838px; }
Comment dois-je faire dans ce cas car je n'ai pas bien compris :)
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
aladin07
Messages postés
277
Date d'inscription
vendredi 13 avril 2012
Statut
Membre
Dernière intervention
30 septembre 2012
30
12 juin 2012 à 21:39
12 juin 2012 à 21:39
o-flo-o s'il te plait suis ce qui est écrit sur
https://forums.commentcamarche.net/forum/affich-25327206-ecriture-led-pour-site-web
Choisis une méthode, puis dans le CSS
font-family: "Nom de ta font";
https://forums.commentcamarche.net/forum/affich-25327206-ecriture-led-pour-site-web
Choisis une méthode, puis dans le CSS
font-family: "Nom de ta font";
aladin07
Messages postés
277
Date d'inscription
vendredi 13 avril 2012
Statut
Membre
Dernière intervention
30 septembre 2012
30
12 juin 2012 à 21:49
12 juin 2012 à 21:49
Donne plus de details, qu'est ce que tu as fait? Quelle méthode? Affiche un peu de ton code, ne sois pas radin.
Mais je ne le suis pas loin de là ! Je répète donc je vais essayer d'être plus claire , alors j'aimerais integré la police Lobster mais comme ça on ne sais pas et j'aimerais qu'on l'intègre ici à la place de font-family !
Dois-je mettre le src de la police ? ou Autre car quand j'ai mis
#Letitre{ Border: 1px solid; Border-color: white; Color: White; font-size: 25px; font-family: ??????????ICI????????????? text-align: center; Background-image: url('http://nsa30.casimages.com/img/2012/06/11/120611090313176245.png'); Background-color: #F1DFBC; Background-repeat: repeat-x; Height: 30px; Width: 838px; }
Dois-je mettre le src de la police ? ou Autre car quand j'ai mis
@font-face { font-family: "Lobster"; src: url(Mais ici je ne sais pas quoi mettre !);
aladin07
Messages postés
277
Date d'inscription
vendredi 13 avril 2012
Statut
Membre
Dernière intervention
30 septembre 2012
30
12 juin 2012 à 23:24
12 juin 2012 à 23:24
@font-face doit être avant le #Letitre.
En assumant que tu utilise cette structure:
src devient:
src: url('../fonts/ta_police.ttf'); ou .woff ou .svg ou . otf ...etc, selons ta police.
En assumant que tu utilise cette structure:
css/ fonts/ index.html
src devient:
src: url('../fonts/ta_police.ttf'); ou .woff ou .svg ou . otf ...etc, selons ta police.
Tout en sachant que ceci:
font-family: Lobster; /* pourquoi des guillemets? il faut utiliser les guillemets simple pour les noms de polilce composés*/
servira à rien dans 99.9% des cas vu que si l'utilisateur n'a pas la police (lobster donc) il aura la police par défaut.
C'est pour ça qu'avec font-family il est possible d'indiquer des polices de remplacements:
font-family: lobster, crabe, homard, pince, 'arial black', arial, verdana, helvetica;
Qui seront sélectionnés dans l'ordre, il n'y a pas lobster il s'affichera la police suivante ainsi de suite.
font-family: Lobster; /* pourquoi des guillemets? il faut utiliser les guillemets simple pour les noms de polilce composés*/
servira à rien dans 99.9% des cas vu que si l'utilisateur n'a pas la police (lobster donc) il aura la police par défaut.
C'est pour ça qu'avec font-family il est possible d'indiquer des polices de remplacements:
font-family: lobster, crabe, homard, pince, 'arial black', arial, verdana, helvetica;
Qui seront sélectionnés dans l'ordre, il n'y a pas lobster il s'affichera la police suivante ainsi de suite.
aladin07
Messages postés
277
Date d'inscription
vendredi 13 avril 2012
Statut
Membre
Dernière intervention
30 septembre 2012
30
12 juin 2012 à 23:39
12 juin 2012 à 23:39
Pourquoi il n'a pas Lobster? Si il l'a, je n'utilise pas Windows mais si c'est uen police de Windows il pourra la trouver dans widnows/Fonts. Mais il va faloir faire attention aux licences.
De préfèrences, utilise http://dafonc.com tu y trouveras une variété de fonts avec des licences GPL ou gratuites
De préfèrences, utilise http://dafonc.com tu y trouveras une variété de fonts avec des licences GPL ou gratuites
bg62
Messages postés
23590
Date d'inscription
samedi 22 octobre 2005
Statut
Modérateur
Dernière intervention
15 avril 2024
2 362
13 juin 2012 à 22:40
13 juin 2012 à 22:40
je t'ai donné un exemple qui fonctionne en-dessous !!!
bg62
Messages postés
23590
Date d'inscription
samedi 22 octobre 2005
Statut
Modérateur
Dernière intervention
15 avril 2024
2 362
13 juin 2012 à 09:25
13 juin 2012 à 09:25
un exemple de css :
et les 4 fichiers obtenus sur le site de @fontface sont dans le même répertoire que la css (dans cet exemple)
tu peux voir le code (source) ici :
https://longuetraine.fr/
;)
@font-face { font-family: 'TangerineRegular'; src: url('tangerine_regular-webfont.eot'); src: url('tangerine_regular-webfont.eot?#iefix') format('embedded-opentype'), url('tangerine_regular-webfont.woff') format('woff'), url('tangerine_regular-webfont.ttf') format('truetype'), url('tangerine_regular-webfont.svg#TangerineRegular') format('svg'); font-weight: normal; font-style: normal; } /* là où tu les veux*/ font-family: TangerineRegular , Verdana, "Lucida sans unicode", Lucida, Tahoma, Arial, sans-serif;
et les 4 fichiers obtenus sur le site de @fontface sont dans le même répertoire que la css (dans cet exemple)
tu peux voir le code (source) ici :
https://longuetraine.fr/
;)