WooCommerce PDF Product Vouchers: Add Google Fonts

Add Google Fonts to your vouchers

With this add-on, you can use the following Google Fonts on your voucher templates to help vouchers better match your brand’s style:

  • Noto Sans
  • Roboto
  • Open Sans
  • Lato
  • Montserrat
  • Playfair Display
  • Archivo Narrow
  • Poppins
  • Raleway
  • Merriweather

These fonts can be particularly useful if you use special characters, which may not always display correctly with basic fonts.

    Using this plugin

    After installing the plugin, you can select the new fonts by going to WooCommerce > Vouchers > Voucher Templates, selecting the template you want to edit (or clicking Add Voucher Template to create a new template from scratch), and updating the General > Font field.

    Selecting Google Fonts in the voucher template editor.

    Developers can also further customize this add-on to add the Google Font of their choice by name:

    add_filter( 'wc_pdf_vouchers_google_fonts_available', function( $fonts ) {
        return array_merge( $fonts, [ 'Oxygen', 'Muli', 'Robot Condensed' ] );
    } );

    Getting updates

    If you’d like to get automatic updates, you’ll need a license key to get them from our site as we release new versions. You will find one in the email you received after downloading the plugin, or on your purchase receipt page.

    SkyVerge Plugin updater key

    Now copy this key and go to WooCommerce > Extensions > SkyVerge Licenses. Enter the key you’ve copied, and save your changes. This will now link your site for automatic updates.

    SkyVerge WooCommerce Plugin: Getting updates

    Once you’ve saved your updater key, you’ll get notifications of updates to this plugin so you can automatically upgrade.

    Support

    As this is a free plugin, we’re not able to offer detailed troubleshooting assistance. We recommend taking the following steps if you see issues with your voucher display:

    • Please double-check that the Google Font in question is properly enabled for the voucher template by going to WooCommerce > Vouchers > Voucher Templates, selecting the template, and checking the General > Font setting. 
    • If you’ve added another Google font to the add-on, please ensure your added font face supports bold and italic. Otherwise, it will revert to a system font on the voucher template.
    • To rule out theme conflicts, please switch to a default theme, such as Twenty Seventeen, and recheck the voucher to see if that resolves the issue. 
    • To rule out plugin conflicts, please deactivate all plugins except WooCommerce, PDF Product Vouchers, and PDF Product Vouchers – Google Fonts, then recheck the voucher to see if that resolves the issue. 

    These steps resolve almost any display issue. If you’re looking for assistance with customizing the voucher display further, we recommend reaching out to Wisdm Labs or Codeable for assistance with these sorts of projects.