touti

permaculture web

  • 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

    • 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(https://seenthis.net/votre url …)

      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.