Eigene Schriftarten in WooCommerce-PDF-Dateien verwenden

Eigene Schriftarten in mit mPDF erzeugten Beitrags- oder Produktexporten geben Ihren PDF-Dateien eine persönliche Note. Mit allen unseren PDF-Plugins für WooCommerce und WordPress können Sie eigene Schriftarten über einen Filter-Hook hinzufügen. Wir zeigen Ihnen, wie.

Die Filter

Um eine eigene Schriftdatei zu verwenden, brauchen Sie WordPress-Filter. Welcher Filter genau, hängt vom verwendeten Plugin ab. Hier sehen Sie alle Konfigurationsfilter unserer 4 Erweiterungen:

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

Kopieren Sie je nach verwendetem Plugin den passenden Filternamen von oben.

Schriftdateien hochladen

Als Nächstes laden Sie Ihre Schriftdateien hoch.

1. Öffnen Sie ein FTP-Programm und verbinden Sie sich mit Ihrer Website
2. Wechseln Sie in /wp-content/themes/IHR-CHILD-THEME/
3. Legen Sie einen neuen Ordner an, zum Beispiel „fonts“
4. Laden Sie Ihre Schriftdateien (TTF) in diesen Ordner hoch

Dateien zur PDF-Konfiguration hinzufügen

Nun fügen Sie die hochgeladenen Schriftdateien zur PDF-Konfiguration hinzu. Hier ein Beispiel für unser WooCommerce Print Products Plugin.

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);

Die erste Konfigurationszeile fügt den Ordner Ihres Child-Themes zum Schriftverzeichnis hinzu. Die folgenden Zeilen listen die Schriftdateien (TTF) und ihre Schnitte auf. Schnitte, die Sie nicht haben, können Sie entfernen.

Fügen Sie diesen Code in die functions.php Ihres Child-Themes ein. Danach können Sie „myfontname“ in den PDFs verwenden.

Die Schrift im PDF verwenden

Im letzten Schritt verwenden Sie den Schriftnamen, den Sie oben als Array-Schlüssel festgelegt haben, im PDF. Öffnen Sie dazu unsere erweiterten Einstellungen und fügen Sie folgendes eigenes CSS ein:

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

Ersetzen Sie „myfontname“ durch den Namen, den Sie in Ihrer functions.php festgelegt haben.

Unterstützte Plugins

Alle unsere PDF-Plugins unterstützen eigene Schriftarten. Hier die vollständige Liste: