How to add custom font into template? - Woo Invoice

Follow the steps below to change the font to your invoice or packing slip template. For Chinese, Japanese & Korean font there is another doc here. 

Step 1:

The Woo Invoice plugin creates a folder WOO-INVOICE-FONTS under the directory wp-content/uploads . If the folder is not available then create one with the exact name. After that uploads your font TTF files into that folder via FTP. 

Step 2: 

Using the filter hook  woo_invoice_pdf_font_data you have to declare the font variable to use into CSS. In the below example, we will use the Ubuntu font. 

add_filter('woo_invoice_pdf_font_data','woo_invoice_load_custom_font');
function woo_invoice_load_custom_font($font_data){
    $font_data['ubuntu']=array(
        'R' => "Ubuntu-Regular.ttf",
        'B' => "Ubuntu-Bold.ttf",
        'I' => "Ubuntu-Italic.ttf",
        'BI' => "Ubuntu-BoldItalic.ttf",
    );

    return $font_data;
}

Step 3: 

After declaring the font variable we will now add the CSS into the template to change the font using the  woo_invoice_custom_style action hook. 

add_action('woo_invoice_custom_style','woo_invoice_custom_font');
function woo_invoice_custom_font($template){
    if('invoice'===$template){
    ?>
      body{
        font-family: 'Ubuntu', sans-serif;
      }
    <?php
    }
}

Still need help? Contact Us Contact Us