Use custom fonts in PDF Conjurer

Hi, can someone please help me to use a custom font in PDF Conjurer?
I have loaded the custom font to Bubble
I have tried using the new Load font to pdf model
I have tried the Define new style for pdf model
But when I try to action the work flow, nothing happens, but when I remove all my attempts to use the custom font and just use the default font, then my work flow runs as it should.

I’m not getting any errors in the debugger.

I’ve also struggled with this @kuhnchristiaan - did you figure it out?

I’m currently testing if convert the ttf file to Base64 works.

@ZeroqodeSupport now that you’ve taken over The PDF Conjurer plugin, any suggestions on the “Load font” action ?

Okay - Base64 did not work, nor did referencing the URL to a TTF file loaded under Settings>SEO/Metatags.

What seems to have worked is creating a option set called “Font” and adding an attribute file, then referencing Option Set’s Options file.

2 Likes

Hello everyone,

Thank you for reaching out to us!

We recently acquired the plugin and our developers are currently assessing its functionality and working on integrating it on our side. We appreciate your patience and understanding during this transition :pray:.

For now, I suggest rolling back the plugin to a previous version where the “Load Font” action was functioning correctly. Please use that version temporarily.

If you have any other questions or concerns, we’re here to assist as much as we can at the moment!

Best regards :sunflower:

@ZeroqodeSupport Has this been fixed? When I use the default font “Roboto” my pdf downloads just fine. When I try to use any other font, the button to download the pdf does nothing. Please help!

Hey Jon, I tried to copy this workaround, but cannot upload a .ttf file under the option set. How were you able to do this? Thank you!

Hi @otmanahan,

Thank you for reaching out!

Regarding your issue with using custom fonts in PDF generation, it seems like the problem might be related to how the font is being referenced within the PDF Conjurer plugin.

Here’s a suggested solution based on a workaround that has worked for others:

  1. Create an Option Set: Create an option set called “Font”.
  2. Add Font Attributes: In the Option Set, create an attribute that stores the TTF (TrueType Font) files. Make sure to add the font files (e.g., Regular, Bold, Italic versions) here.
  3. Reference Option Set: In your PDF Conjurer setup, reference the Option Set and select the relevant font file.

This approach will allow you to dynamically load fonts from your option set, ensuring proper integration for PDF generation.

You can follow this configuration and check the plugin’s documentation for any additional settings and steps.

Let me know if you need further clarification or run into any other issues!

Best regards,
Support Team
Browse all Zeroqode Plugins for Bubble
Banner_Last3

@ZeroqodeSupport Thank you for the response, but I am running into the same problem. I can upload and use fonts just fine on my webpage. I can also make an option set (attribute type: file), but I don’t see where to upload the TTF file into the option set. Is there a button to click I’m missing? Thank you.

Hi @otmanahan,

Thank you for the additional details.

To upload and use your custom fonts in the PDF, here’s what I recommend:

  1. Create a Data Type: Name it “Font” (or another name of your choice).

  2. Add Font Attributes: Create fields in the data type to store your TTF (TrueType Font) files (e.g., Regular, Bold, Italic).

  3. Upload Your TTF Files: Upload the .ttf files to your database and check if they’re uploaded correctly in App Data.

  4. Reference the Font in PDF Conjurer: When setting up the PDF Conjurer plugin, be sure to reference the appropriate font from your data type.

Please follow these steps and check the plugin’s documentation and demo editor for additional guidance.

Let me know if you need further assistance or if anything is unclear.

Best regards,
Support Team
Browse all Zeroqode Plugins for Bubble
Banner_Last3

Hi @otmanahan,

Just wanted to follow up and see if the steps I shared helped you get your custom fonts working with the PDF Conjurer Plugin.

Were you able to upload and reference the TTF files successfully?
If you run into any issues along the way or have any updates, feel free to share more details - I’d be happy to help further!

Looking forward to hearing from you.

Best regards,
Support Team
Browse all Zeroqode Plugins for Bubble
Banner_Last3

Hey! Sorry for the late reply. Yes those steps worked, thank you for explaining it. On a slightly different note, I also had to do a work around to get emojis on my pdf (use the Noto or Noto color font). It’s a little bit frustrating the plugin font and emoji features require work arounds, but I suppose the workarounds aren’t super complex. Thank you again for your responsiveness!

Hello @otmanahan,

I’m glad to hear that my suggestions helped resolve the issue! Thank you for the update.

Regarding your question about emojis in the PDF Conjurer Plugin for Bubble, I’d like to clarify that this plugin supports only basic text emojis. To provide more context, here’s the developer’s explanation on the limitations of emoji rendering in PDFs generated with pdfmake.js, which the PDF Conjurer Plugin utilizes:

Regarding emoji rendering in PDFs generated with pdfmake.js, it’s important to note that the PDF format has limitations when it comes to rendering color fonts, including emojis. Even if you’re using a font that supports color emojis (such as Noto Color Emoji), the pdfmake library will still render them in black and white because:

  • The PDF format does not natively support SVG or bitmap-based color fonts, which are commonly used for emoji rendering.
  • pdfmake.js processes fonts as standard TrueType fonts and treats emojis as plain Unicode characters, without color metadata.
  • Most PDF viewers (Adobe Reader, browsers, etc.) do not render color emojis from fonts the same way a browser would.

Recommended solution: If you need color emojis in the PDF, we can replace each emoji with an image (PNG or SVG), using a source like Twitter’s Twemoji. This approach is compatible with pdfmake and ensures that color emojis are displayed correctly in the final PDF.

Following this, if you’re working on a client-side solution and need more flexibility with rendering, you might consider using additional plugins that convert HTML to PDF, which can better handle complex elements like emojis.

Here’s a list of such plugins you can explore:

These plugins may provide a more robust solution for rendering emojis and other elements in your PDFs. If you have any further questions or need assistance with implementing these, feel free to reach out!

Best regards,
Support Team
Browse all Zeroqode Plugins for Bubble
Banner_Last3

Hi @otmanahan,

Just checking in to see if the suggestions I provided helped resolve the issue.

Please feel free to reach us again when you need some help or assistance.
It will be a pleasure to cooperate.

​If you’re enjoying our plugins, and have some spare time, we’d love for you to rate them. Simply go to the Plugins tab in the Bubble editor, search for the plugin by name, and award it the stars you think it deserves.

Furthermore, if you would like to share your complete experience with Zeroqode, we would be grateful if you could leave your feedback at: Review.

Also, you can use the direct links:

G2

Clutch

Trustpilot

Your feedback is extremely valuable to both us and the Bubble community, inspiring us to keep delivering top-notch products and excellent service.

Thank you again, and I wish you an amazing week ahead.

Best wishes,
Support Team
Browse all Zeroqode Plugins for Bubble
Banner_Last3