Use External Font on Advanced PDF/HTML Template
Published on
January 28, 2024 at 10:14:52 PM PST January 28, 2024 at 10:14:52 PM PSTth, January 28, 2024 at 10:14:52 PM PST
Scenario
User wants use a different Font for their Invoices since the PDF Editor cannot edit PDF files with NotoSans font. User needs to download TTF files for the font they need add to the template. For example is the Arial font. User needs Arial, Arial Bold, Arial Italic, and Arial Italic Bold TTF files.
Solution
- Upload File
- Navigate to Documents > Files > File Cabinet
- Click New Folder
- Folder Name: Enter Font File
- Click Save
- Click Add File
- Select File
- File: Click Edit
- Available Without Login: Enter Checkmark
- Copy URL
- Click Save
- Edit Advanced PDF/HTML Template
- Navigate to Customization > Forms > Advanced PDF/HTML Template
- Advanced PDF/HTML Template: Click Edit
- Source Code: Enter <link name="Arial" type="font" subtype="opentype" src="URL" src-bold="URL" src-italic="URL" src-bolditalic="URL" bytes="2" />
Note: Replace the URL with the URL copied from the File uploaded on the File Cabinet.
Click Save
Note: The src-italic and src-bolditalic is not mandatory unless your template contains these kinds of text. You can use the normal arial font for src-italic and src-bolditalic; however it will not print the italic fields as italic and bold italic.You will receive an error if you save the template without modifying the url. Make sure to change all instance of the ampersand '&' into '&' because the template will recognize the ampersand as an illegal character.