Partage
  • Partager sur Facebook
  • Partager sur Twitter

problème police personnalisé @font-face

    21 mars 2019 à 19:45:26

    Bonjour,

    Je suis au début et à la mise en forme de mon CV. J'ai été sur le "fontquirerel" pour choisir ma police.

    je l'ai telecharger.

    Mais j'ai juste la licence, avec le fichier en ".ttf"

    J'ai pas eu de dossier "webfonts" comme dans la vidéo.

    Jai écris ça :

    @font-face
    {
        font-family : "samantha_4"
        src: url('code/samantha_4/samantha.ttf') ;
            url('code/samantha_4/samantha.woff') ;
            url('samantha_4.ttf') ;
           url('samantha_4.woff') ;     
    }   

    ça ne marche pas .... Help me

    • Partager sur Facebook
    • Partager sur Twitter
      21 mars 2019 à 21:49:19

      Bonjour, 

      Pour commencer, si tu as uniquement le format .ttf pourquoi préciser des chemins vers d'autres formats ? La seule chose que cela peut donner c'est une multitude d'erreurs 404.

      Ensuite, je te conseille de regarder le cours sur la propriété @font-face : https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3/1605329-formatez-du-texte

      Tu verras que tu as des erreurs. Il te manque notamment les informations sur les formats de fichiers. Attention également à ne pas utiliser des ";" au lieu des ",". 

      • Partager sur Facebook
      • Partager sur Twitter
      Recherche l'avis de développeurs front : Devenir un meilleur dev front ?
        22 mars 2019 à 8:34:55

        Il y a plein d'erreurs dans ton CSS :

        - il manque un point virgule après la ligne font-family
        - il ne faut des virgules entre les différents formats de police et un point virgule après le dernier

        Tu as ici quelques exemples de @font-face avec un simulateur.

        • Partager sur Facebook
        • Partager sur Twitter

        Alain - Linkedin

        problème police personnalisé @font-face

        × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
        • Editeur
        • Markdown