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
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.
