How to use installed third party font in Generate Document action node?

Ask the community
1

We have tried using the OTF-file from Resource Files without success.

See image below:

image
image706×669 52 KB

image
image967×791 49.2 KB

2

Hi Erik!

I’ll create an internal note on this to address this in a better way, but, for the time being, you’ll have to use the following workaround:

  1. Determine the URL of this font. The easiest way to do that is to load an app where you are using the font and look into chrome dev tools. Copy this URL (it’s hosted on storage.googleapis.com)

  2. With that URL, you need to add some CSS styling to your Generate Document action node. The styling should be similar to:

<!DOCTYPE html>
<html>
<head>
<style>
@font-face {
    font-family:'FONTNAME';
    src: url("https://storage.googleapis.com/dev-appfarm-public/630cb13ccb3ce70580f992d6/63d9043674acd98fa569477c");
}

p {
    font-family: 'FONTNAME'
}
</style>
</head>
<body>

<p>This is a paragraph.</p>

</body>
</html>

Essentially, this will allow the PDF generator code to load the font specified from the font-face css styling and rendering it accordingly.

2 Likes