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

Par Phil77, il y a 8 ans

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

Twentyfour, il y a 8 ans

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>
Phil77, il y a 8 ans

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 :)