Aller au contenu principal

Insérer une police non google font dans wkhtmltopdf

Wkhtmltopdf ne supporte pas l'affichage de plusieurs polices qui ne sont pas google font. Ce problème serait dû aux propriétés erronées entrées lors de la création des polices. Voici la marche à suivre pour pouvoir quand même intégrer une police non google font dans wkhtmltopdf

Premièrement, le nom de votre police doit avoir un nom de 8 caractères maximum. (ex: American.ttf)
Si vous souhaitez intégrer une police avec ses variations (light, regular, bold, extrabold), chacune de celles-ci doit être un fichier sépraré avec un nom ne dépassant pas les 8 caractères (ex: AmeBold.ttf pour la variation Bold de la typo American).

Après ça, rendez-vous sur le site FontForge pour télécharger le logiciel et l'installer sur votre ordinateur 

  1. Ouvrez le logiciel et sélectionnez votre police à modifier. 
  2. Allez dans "Elements" > "Infos fonte" (ctrl + shift + F) 
  3. Modifiez les champs : "nom de la fonte", "nom de famille", "nom courant" avec le même nom de 8 caractères maximum (ex: American).
  4. Cliquez sur OK

Modifier les propriétés d'une typo avec FontForge

Pour finir, intégrez le code suivant dans votre CSS :

@font-face {
   font-family: 'American';
   src: url('../fonts/american.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}

Étiquettes