• @touti
    vide
    2
    @denisb
    @cy_altern
    2

    3 lignes de code pour convertir une #police_de_caracteres en base64 pour un fichier #css

    Dans le terminal

    base64 name-of-thefont-file-name.woff2 > base64encoded.txt

    CSS

    @font-face {font-family: “name-of-thefont”; src:url(data:font/woff;charset=utf-8;base64,font-file-in-encoded-form) format(’woff2’); font-weight: normal; font-style: normal; }

    .madiv{
    font-family:name-of-thefont;
    }

    #font

    vide
    • @touti
      vide

      Ne pas oublier dans le @font-face font-display : auto pour avoir une police par defaut avant que la votre soit chargée.

      font-family: 'tocfont';
      font-display: auto;
      src: local('tocfont'), url(data:font/woff;charset=utf-8;base64,d09GRgABAAAAAK…etc)) format('woff');

      auto
      auto uses whatever font display strategy the user-agent uses. Most browsers currently have a default strategy similar to block.

      J’ai également optimisé le poids de ma font avant de la passer en base64, en utilisant le super #FontForge qui m’a permis de refondre la virgule et autres scories qui ne convenaient pas.

      vide
    Écrire un commentaire