Changing fonts with Custom CSS

Follow

Alicja Mostowik

November 03, 2021 11:33

Hello All,

I was trying to change the font family in the Viewport Custom CSS section, no luck, unfortunately.

Can anyone please help? I am a definite beginner with CSS, managed to create a stylesheet for Confluence Server; however, now I'm forced to use the Cloud version and the Scroll Viewport seemed to be a great solution to adjust page styling. Sadly, the old stylesheet doesn't seem to work, and I had no success in creating any CSS code that would affect the displayed font.

Has any of you tried something like this? 

Would be really grateful for any help.

Best regards,

Alicja Mostowik

0

• 

  K15t Team November 04, 2021 15:32

  Hi Alicja,

  Your custom code will depend on what fonts you want to use and how exactly you want to apply them.

  For Google Fonts, you could start from something like this:

  @import url(https://fonts.googleapis.com/css2?family=FONTNAME:wght@300;700&display=swap);
  p { font-family:FONTNAME, sans-serif; }

  Cheers,

  Laura (K15t)

  0

  Comment actions Permalink
• 

  Alicja Mostowik November 16, 2021 06:53

  Thanks!

  0

  Comment actions Permalink

Please sign in to leave a comment.