Mettre une police d'écriture par le css.
o-flo-o
-
bg62 Messages postés 23735 Date d'inscription Statut Modérateur Dernière intervention -
bg62 Messages postés 23735 Date d'inscription Statut Modérateur Dernière intervention -
Bonjour,
Je vous expose le problème que j'ai , j'ai créer mon site et je cherche des polices d'écriture pour les titres des postes , je créer tout moi même donc je sais faire le tralalala quotidien mais je n'arrive pas à mettre la police que j'ai trouver elle s'appelle Lobster. Et je ne sais pas comment la mettre par le CSS , donc si vous saviez m'aider je vous en remercie !
Au revoir et merci pour les réponses
Je vous expose le problème que j'ai , j'ai créer mon site et je cherche des polices d'écriture pour les titres des postes , je créer tout moi même donc je sais faire le tralalala quotidien mais je n'arrive pas à mettre la police que j'ai trouver elle s'appelle Lobster. Et je ne sais pas comment la mettre par le CSS , donc si vous saviez m'aider je vous en remercie !
Au revoir et merci pour les réponses
A voir également:
- Mettre une police d'écriture par le css.
- Police écriture facebook - Guide
- Ecriture en gras - Guide
- Police d'écriture facture - Forum Windows
- Police aptos - Accueil - Bureautique
- Police d'écriture koh lanta - Forum Graphisme
10 réponses
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
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
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";
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 !);
@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.
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
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/
;)
