You can add a custom font to your PDF ticket by editing the HTML template directly.
Note: This feature is intended for advanced users and requires familiarity with HTML, CSS, and Liquid templates.
How to Add a Custom Font
To do this, follow the steps in the “Modifying the HTML/Liquid Code” section of the Customizing Your PDF Ticket article.
The PDF renderer supports most HTML and CSS used in browsers. To load a custom font, you can use standard CSS directives like @import or @font-face.
Here’s an example:
@import url('http://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');
@font-face {
font-family: 'Noto Sans JP';
src: url('http://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');
font-weight: normal;
}
Once imported, apply the font in your template using:
font-family: 'Noto Sans JP';
⚠️ Important Notes
Only “http://” URLs are supported for loading custom fonts.
“https://” URLs will not work in the PDF renderer.
That’s it! You can now use your custom font in the ticket layout. If you run into issues, don’t hesitate to contact us — we’re here to help.