Discussion :

[MKTF1]

Bonjour

je suis entrain de créer un site pour lequel une charte graphique est imposée

J'en suis au début HTML5 et CCS3 et BOOTSTRAP4 CSS.

Pour les couleurs de la NAV pas de souci, mais pour l'ensemble du site j'ai essayé @font-face mais là .....c'est plus difficile.

Quelqu'un aurait-il une piste facile à comprendre me permettant de faire appliquer mes polices?

Mon

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
@font-face {
    font-family: 'Oswald-regular';
    src: url('/Fonts/Regular/Oswald-regular-webfont.eot');
    src: url('/Fonts/Regular/Oswald-regular-webfont.woff2') format('woff2'),
         url('/Fonts/Regular/Oswald-regular-webfont.woff') format('woff'),
         url('/Fonts/Regular/Oswald-regular-webfont.svg#Fonts/Regular/Oswald-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
 
 
H5{
    font-family: "Oswald-regular"
}

Un extrait du HEAD de mon fichier HTML mais je ne sais pas si c'est utile

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
     <link rel="stylesheet" href="css/menu.css"/>
 
    <link rel="stylesheet" href="css/Polices.css" type="text/css" charset="utf-8" />
 
    <link rel="stylesheet" href="Lib/css/bootstrap.grid.css"/> 
    <link rel="stylesheet" href="Lib/css/bootstrap.css"/>

[mathieu]

est ce que les chemins sont corrects, c'est à dire que les fichiers sont accessibles aux URL commençant par http://serveur/Fonts/Regular/... ?

[MKTF1]

Bonjour

pour l'instant je suis en local, vraiment le tout début, pour intégrer une police spécifique, chose que je n'ai jamais faites.

Mon chemin d'accès à ma maquette de site

C:\Users\user\Documents\Mes sites Web\Maquette Site FFMö V3 stable

Mon répertoire, le répertoire "Lib" contient "Bootstrap"



Voilà ou je suis bloqué avant d'avancer plus.

Merci

[MKTF1]

J'ai trouvé la solution j'appliquais la police à H5

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<h5 class="card-title">Actualités de la FFMö</h5>

Or mon H5 à une classe, j'ai donc modifié mon CSS comme ceci, ici H3 ne marche pas

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
@font-face {font-family: 'Oswald-regular';
 
    src: url('Fonts/Regular/Oswald-regular-webfont.eot');
    src: url('Fonts/Regular/Oswald-regular-webfont.woff2') format('woff2'),
         url('Fonts/Regular/Oswald-regular-webfont.woff') format('woff'),
         url('Fonts/Regular/Oswald-regular-webfont.svg#Fonts/Regular/Oswald-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
 
.card-title {
    font-family: "Oswald-regular";
}
 
.card-text {
    font-family: "Oswald-light";
}
 
H3{
 
    font-family: "Oswald-bold";
}

Mes questions maintenant:

• Faut-il définir à chaque fois une class. pour les fonts?

• Le format "WOFF2" est-il nécessaire

Merci