Partage
  • Partager sur Facebook
  • Partager sur Twitter

Utilisation d'une police particulière

    1 février 2020 à 18:08:56

    Bonjour,

    Je suis en train de suivre le cours "Apprenez à créer votre site web en HTML5 et CSS3" et je me fait la réflexion suivante :

    Pour pouvoir utiliser une police particulière en regular, italic, bolt, et toutes les combinaisons imaginables il ne suffit pas de mettre les lignes :

    @font-face {
        font-family: 'cac_champagneregular';
        src: url('cac_champagne-webfont.eot');
        src: url('cac_champagne-webfont.eot?#iefix') format('embedded-opentype'),
             url('cac_champagne-webfont.woff') format('woff'),
             url('cac_champagne-webfont.ttf') format('truetype'),
             url('cac_champagne-webfont.svg#cac_champagneregular') format('svg');
    }

    puis de spécifier à l'aide d'un balise quelles partie du texte doit être en italic ou autre ?

    C'est expliqué ainsi dans le chapitre mais si j'ai bien compris il est nécessaire d'ajouter les lignes écrites précédemment ET toutes les autres qui correspondent à toutes les combinaisons.

    Si on ajoute pas le "stylesheet" de chacune des combinaisons impossible de les utiliser n'est ce pas ?

    J'espère avoir été assez clair je ne vois pas comment le dire autrement :)

    -
    Edité par JeanHameau 1 février 2020 à 18:17:55

    • Partager sur Facebook
    • Partager sur Twitter
      2 février 2020 à 19:38:46

      Non ce n'est pas comme tu dis.

      Chaque fichier de police doit être associé à une graisse et un style. Et surtout les font-family doivent être tous les mêmes.
      Voila un exemple :

      @font-face {
         font-family:'Ma Police';
         src:url('chemin/police-regular.ttf');
      }		
      @font-face {
         font-family:'Ma Police';
         src:url('chemin/police-bold.ttf');
         font-weight:bold;
      }		
      @font-face {
         font-family:'Ma Police';
         src:url('chemin/police-italic.ttf');
         font-style:italic;
      }

      Par la suite, le navigateur sait quel fichier utiliser si on lui demande du gras ou de l'italique.

      Pour plus de détails.

      -
      Edité par AlainPré 2 février 2020 à 19:40:35

      • Partager sur Facebook
      • Partager sur Twitter

      Alain - Linkedin

        3 février 2020 à 9:15:31

        AlainPré a écrit:

        Non ce n'est pas comme tu dis.

        Chaque fichier de police doit être associé à une graisse et un style. Et surtout les font-family doivent être tous les mêmes.
        Voila un exemple :

        @font-face {
           font-family:'Ma Police';
           src:url('chemin/police-regular.ttf');
        }		
        @font-face {
           font-family:'Ma Police';
           src:url('chemin/police-bold.ttf');
           font-weight:bold;
        }		
        @font-face {
           font-family:'Ma Police';
           src:url('chemin/police-italic.ttf');
           font-style:italic;
        }

        Par la suite, le navigateur sait quel fichier utiliser si on lui demande du gras ou de l'italique.

        Pour plus de détails.

        -
        Edité par AlainPré il y a environ 13 heures

        D'accord je crois avoir compris, merci beaucoup pour votre aide !
        • Partager sur Facebook
        • Partager sur Twitter

        Utilisation d'une police particulière

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