How can I add google fonts to PDF layout styles

[Clara Gaya Saura]

I cant seem to be able to add google fonts to my pdf exports.

Ive tried the following:

@page {

 @font-face {
   font-family: 'Poppins';
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJnecnFHGPezSQ.woff2) format('woff2');
 }

 font-family: Poppins, Helvetica, Arial, sans-serif;

}

as well as the following:

@page {

  @import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

  font-family: Poppins, Helvetica, Arial, sans-serif;

} 

But no luck

[Jessica · Accepted solution]

Hello Clara,

Welcome to the Atlassian Community!

I believe you are trying to use a different font for your PDF exports and is trying to reference the address/location of the Google font there, from what I could see, and is trying to add that to the space settings, is that right?

By default, using custom fonts are not allowed in the editor, but it is possible to upload fonts to use with the PDF export, however those would need to be uploaded and installed to your Confluence Cloud site and this would need site-administrator or administrator permissions in order to do so.

You can ask your site-admin to follow this documentation to install a new font in the .ttf or .ttc file in the Confluence Settings > PDF Export Language Support from the sidebar.

Once this is done, you can follow with the Export PDF and see how it goes. 

Cheers,
Jessica