Integrer une police sur l'editeur en ligne scrimba

Sujet résolu

Tortue_Ninja

18 mai 2022 à 12:24:30

Bonjour

J'essaie d'intégrer cette maquette et voici le début de mon code sur l'éditeur scrimba

Je dois intégrer la google font "inter" mais je n'y arrive pas.

J'ai donc copier le link dans index.html

Quand j'apelle la font inter dans le style.css. la font ne change pas dans le preview.

J'ai beau cibler juste les p ou être plus précis en ajoutant une classe rien ne change.

savez vous d'où peut venir le problème ?

    <head>
        <link rel="stylesheet" href="style.css">
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
    </head>

p {
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    color : #F5F5F5;
    font-family: 'Inter';
    line-height: 15.36px;
}

Seul on va plus vite, ensemble on va plus loin. 'KawaBunga'

Cyprien Siaud

19 mai 2022 à 11:18:26

Salut,

Je viens de tester, et en fait ton code fonctionne parfaitement, c'est juste qu'il y a quasiment aucune différence entre la font par défaut et la font 'Inter' (elle juste un peu plus grasse) donc le changement de font n'est pas du tout flagrant...

Voilà, ton code est bon

Quand un homme a faim, mieux vaut lui apprendre à pêcher que de lui donner un poisson.
Confucius

Tortue_Ninja

19 mai 2022 à 16:56:27

Merci

Seul on va plus vite, ensemble on va plus loin. 'KawaBunga'