Import Fonts On The PDF

This guide will explain how to import fonts on your PDF using the Formyoula CDN link.

Here are some font URLs we will use to import fonts on the PDF using the @font-face property.

PDF Editor:

  • Click “PDF Editor” under “Actions” on the Dashboard.
image
  • Click “Source” to go to the code source.
image
  • Paste the code.
image
  • Please use this example code.
<h1>The font Property</h1>
<style type="text/css">
	@font-face {
		font-family: HelveticaNeueLTW1G-It;
		src: url("https://cdn.formyoula.com/vendor/fonts/HelveticaNeueLTW1G-It.otf")
	}

	@font-face {
		font-family: HelveticaNeueLTStd-Roman;
		src: url("https://cdn.formyoula.com/vendor/fonts/HelveticaNeueLTStd-Roman.otf")
	}

	@font-face {
		font-family: NotoSansDisplay-Black;
		src: url("https://cdn.formyoula.com/vendor/fonts/NotoSansDisplay-Black.ttf")
	}

	@font-face {
		font-family: NotoSansDisplay-VariableFont_wdth;
		src: url("https://cdn.formyoula.com/vendor/fonts/NotoSansDisplay-VariableFont_wdth,wght.ttf");
	}

	.a {
		font-family: "HelveticaNeueLTW1G-It";
	}

	.b {
		font-family: "HelveticaNeueLTStd-Roman";
	}

	.c {
		font-family: "NotoSansDisplay-Black"
	}

	h1 {

		font-family: "NotoSansDisplay-VariableFont_wdth";

	}
</style>

<p class="a">This is a paragraph. </p>

<p class="b">This is a paragraph. </p>

<p class="c">This is a paragraph. </p>
  • Clicking the source again will show the fonts on the PDF.
image

Also, you can add all the fonts directly inside the font-face like this.

image
FONT FACE Example.html1.0KB

For any questions, please contact us - [email protected] or the Formyoula in-app chat. 🙂