Fixing PDF Invoice Font and Layout Issues in WooCommerce
Content
Are your WooCommerce PDF invoices displaying strange characters, overlapping text, or appearing completely blank? This is a common issue reported by many users of the 'PDF Invoices & Packing Slips for WooCommerce' plugin. The good news is that it's usually a quick and easy fix.
What Causes the Font and Layout Problems?
Based on community reports, these visual glitches almost always occur when the plugin's font files are missing or become corrupted. This typically happens after:
- Updating the plugin to a new version.
- Migrating your WordPress site to a new server or host.
- A cleanup process or plugin accidentally deleting the temporary folder where the fonts are stored (
wp-content/uploads).
How to Fix It: Reinstall the Fonts
The most effective solution, confirmed by numerous users, is to manually reinstall the plugin's fonts. Here’s how to do it:
- Navigate to WooCommerce > PDF Invoices > Advanced > Tools in your WordPress admin dashboard.
- Locate the "Reinstall fonts" button (it may also be labeled "Reinstall plugin fonts").
- Click the button. The process is very fast.
- Once complete, open an existing invoice PDF to see if the issue is resolved.
Other Potential Solutions
If reinstalling fonts does not work, consider these other troubleshooting steps mentioned in the community:
- Check Your Logo File: An extremely large logo image (especially a PNG) can cause massive PDF file sizes and rendering issues. Resize your logo to a maximum width of 400px and convert it to a JPEG format to reduce its file size.
- Enable Font Subsetting: In the plugin's General settings, enable the "Enable font subsetting" option. This can help reduce PDF size and prevent issues.
- Use a Standard Image Format: Some users have reported that using an SVG for a logo can cause a "Path cannot be empty" error. Using a PNG or JPEG instead resolved the issue.
When to Consider a Plugin Update or Rollback
On rare occasions, a specific plugin version may introduce a bug that affects font rendering. If you continue to have problems after trying the steps above, check the plugin's changelog and support forums to see if other users are reporting the same issue with your version. The development team is generally quick to address these problems in subsequent updates.
By following these steps, you should be able to resolve the majority of PDF display issues and get your invoices looking professional again.
Related Support Threads Support
-
PDF invoicehttps://wordpress.org/support/topic/pdf-invoice-14/
-
No texthttps://wordpress.org/support/topic/no-text-5/
-
Design and Layout broken in 3.8.8https://wordpress.org/support/topic/design-and-layout-broken-in-3-8-8/
-
PDFs being generated with “transparent” texthttps://wordpress.org/support/topic/pdfs-being-generated-with-transparent-text/
-
PDF Not readablehttps://wordpress.org/support/topic/pdf-not-readable/
-
PDF display brokenhttps://wordpress.org/support/topic/pdf-display-broken/
-
Font on Simple template shows ? marks on Latin-extended lettershttps://wordpress.org/support/topic/font-on-simple-template-shows-marks-on-latin-extended-letters/
-
Getting 500 error in the preview tabhttps://wordpress.org/support/topic/getting-500-error-in-the-preview-tab/
-
Graphic Issuehttps://wordpress.org/support/topic/graphic-issue-2/
-
font changes in preview and actual pdfhttps://wordpress.org/support/topic/font-changes-in-preview-and-actual-pdf/
-
PDF invoice fonts are messed-uphttps://wordpress.org/support/topic/pdf-invoice-fonts-are-messed-up/
-
Had to manually reinstall plugin fontshttps://wordpress.org/support/topic/had-to-manually-reinstall-plugin-fonts/
-
PDF gliches on accenthttps://wordpress.org/support/topic/pdf-gliches-on-accent/
-
Error trying to generate document: Path cannot be emptyhttps://wordpress.org/support/topic/error-trying-to-generate-document-path-cannot-be-empty/
-
The font “openSans-bold” contains a bad/BBoxhttps://wordpress.org/support/topic/the-font-opensans-bold-contains-a-bad-bbox/
-
PDF texts as dotshttps://wordpress.org/support/topic/pdf-texts-as-dots/
-
Bangla Font Breaking After Creating New Templatehttps://wordpress.org/support/topic/bangla-font-breaking-after-creating-new-template/
-
PDF file size too largehttps://wordpress.org/support/topic/pdf-file-size-too-large/
-
Bulk pdf font is not loadinghttps://wordpress.org/support/topic/bulk-pdf-font-is-not-loading/
-
Incorrect PDF Formattinghttps://wordpress.org/support/topic/incorrect-pdf-formatting/