Ajouter des polices personnalisées aux fichiers PDF WooCommerce

Utiliser des polices personnalisées dans les exports d’articles ou de produits générés avec mPDF donne une touche personnelle à vos fichiers PDF. Tous nos plugins PDF pour WooCommerce et WordPress permettent d’ajouter des polices personnalisées via un filtre (hook). Nous vous montrons comment.

Les filtres

Pour utiliser un fichier de police personnalisé, vous avez besoin de filtres WordPress. Le filtre exact dépend du plugin utilisé. Voici tous les filtres de configuration de nos 4 extensions :

WooCommerce PDF Catalog
woocommerce_pdf_catalog_mpdf_config
WooCommerce Cart PDF
woocommerce_cart_pdf_mpdf_config
WooCommerce Print Products
woocommerce_print_products_mpdf_config
WooCommerce PDF Invoices
woocommerce_pdf_invoices_mpdf_config

WordPress Packing Slips
woocommerce_packing_slips_mpdf_config

WordPress Print Posts
wordpress_print_posts_mpdf_config
WordPress PDF Catalog
wordpress_pdf_catalog_mpdf_config

Selon le plugin que vous utilisez, copiez le nom du filtre correspondant ci-dessus.

Téléverser les fichiers de police

Vous devez ensuite téléverser vos fichiers de police.

1. Ouvrez un logiciel FTP et connectez-vous à votre site
2. Allez dans /wp-content/themes/VOTRE-THEME-ENFANT/
3. Créez un nouveau dossier, par exemple « fonts »
4. Téléversez vos fichiers de police (TTF) dans ce dossier

Ajouter les fichiers à la configuration PDF

Vous devez maintenant ajouter ces fichiers de police à la configuration PDF disponible. Voici un exemple pour notre plugin WooCommerce Print Products.

add_filter('woocommerce_print_products_mpdf_config', function($config) {
    $config['fontDir'][] = get_stylesheet_directory() . '/fonts/';
    $config['fontdata']['myfontname'] = array(
        'R'     => 'MYFONTNAME_Regular.ttf',
        'I'     => 'MYFONTNAME_Italic.ttf',
        'B'     => 'MYFONTNAME_Bold.ttf',
        'BI'    => 'MYFONTNAME_BoldItalic.ttf',
    );
    return $config;
}, 20, 1);

La première ligne de configuration ajoute le dossier de votre thème enfant au répertoire des polices. Les lignes suivantes indiquent les noms des fichiers de police (TTF) et leurs styles. Vous pouvez supprimer les styles que vous n’avez pas.

Ajoutez ce code au fichier functions.php de votre thème enfant. Vous pourrez ensuite utiliser « myfontname » dans les PDF.

Utiliser la police dans le PDF

Dernière étape : utiliser dans le PDF le nom de police défini plus haut comme clé du tableau. Pour cela, ouvrez nos réglages avancés et collez le CSS personnalisé suivant :

body, table,
h1,h2,h3,h4,h5,h6 {
    font-family: "myfontname", sans;
}

Remplacez « myfontname » par le nom défini dans votre fichier functions.php.

Plugins pris en charge

Tous nos plugins PDF prennent en charge les polices personnalisées. Voici la liste complète :