[Débutant] Erreur de syntaxe .classe avec H1 malgré les tutos...

Phil77
Les bases HTML/CSS

Bonjour,

Voila je rencontre un petit problème avec mon code.

Ce que je fais

Décrivez ici votre code ou ce que vous cherchez à faire
Je cherche à Obtenir pour tous les H1 concerné par la classe ".titre-home" la mise en forme suivante s'applique

.titre-home H1{
    font-family: "unkempt";
font-variant: small-caps;
}

J'ai aussi essayé

H1 .titre-home {
font-family: "unkempt";
font-variant: small-caps;
}



### Ce que j'obtiens

j'obtiens que seulement la police par défaut soit en small caps et non la police "unkempt"

J'ai regardé les tutos mais étant grand débutant cela m'aide pas des masses pourriez vous me donner le "bon code" à mettre dans ma feuille de style svp ?

2 réponses

Phil77
Auteur
Réponse acceptée

Bonjour et merci de m'avoir répondu en effet quand j'utilise Verdana ou Lato ca marche...

J'utilise Le theme Wordpress DIVI qui embarque pourtant les polices exotiques en question mais qui ne marchent pas!...

Je vais plutot contacter le support à ce sujet et je vous remercie :)

Twentyfour

Le code ci-dessous est correcte. Celà dit, la font "unkempt" n'est pas une police de base reconnue par les navigateurs, contrairement au Arial; Times. On parle alors de police exotique.

// pas d'espace entre h1 et .titre-home
h1.titre-home {
    font-family: "unkempt";
    font-variant: small-caps;
}

Il faut l'importer en début de style avec @font-face. Habituellement on place les polices dans un dossier "fonts" placé à la racine d'un projet.

// Importation de ma font exotique
@font-face {
    font-family: "unkempt";
    src: url(fonts/unkempt.woff);
}

[...] // code CSS

// Utilisation de ma font exotique
h1.titre-home {
    font-family: "unkempt";
    font-variant: small-caps;
}

Pour rappel:

h1.titre-home affecte:

<h1 class="titre-home"></h1>

.titre-home h1 affecte:

<div class="titre-home">
    <h1></h1>
</div>