Mettre une police d'écriture par le css.

Question

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

bg62 · Answer

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
@+

o-flo-o · Answer

Merci de ta réponse ! Très rapide et je t'en remercie (: Alors je te donne le css :

#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 :)

aladin07 · Answer

Utilise Gogole Web font.

Sujet déjà résolu
https://forums.commentcamarche.net/forum/affich-25327206-ecriture-led-pour-site-web

o-flo-o · Answer

Salut je dois l'integrer dans le h1 que j'ai donné du css ! ;) Une idée ?

aladin07 · Answer

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";

o-flo-o · Answer

J'ai essayé et ca ne marche pas

aladin07 · Answer

Donne plus de details, qu'est ce que tu as fait? Quelle méthode? Affiche un peu de ton code, ne sois pas radin.

o-flo-o · Answer

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 !

#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 · Answer

@font-face doit être avant le #Letitre.

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.

bg62 · Answer

un exemple de css :
@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/
;)

Mettre une police d'écriture par le css.

10 réponses

Discussions similaires

Newsletters