How to change the Font to entire Portal.

Go to solution
Babji Sadhu
Tera Contributor

‎05-23-2023 06:41 AM

Hi,

 

Is there any possibility to change the font for entire Portal. Let me know the best way to change the font if possible.

 

Thanks & Regards

  • 2,667 Views
1 ACCEPTED SOLUTION

Go to solution
Laszlo Balla
Mega Sage
Mega Sage

‎05-23-2023 07:45 AM

  1. Open the portal record [sp_portal]
  2. Open the theme record of the portal [sp_theme]
  3. In 'CSS Includes' related list, create a new record
    • Source: Stylesheet
  4. In Stylesheet reference field, click on the look up, and create a new stylesheet record [sp_css] from from within the pop-up window.
  5. Define the font as needed using normal CSS.
    • If you are using custom fonts and uploading them, then you will have to reference the the attachments, e.g.:

      @font-face{
   font-family:'MyCustomFont';
   src: url('/sys_attachment.do?sys_id=3274af4a8793f010c11d85170cbb3506');
   font-weight: normal;
   font-style: normal;
}

html *
{
   font-family:'MyCustomFont';
}​

View solution in original post

4 REPLIES 4

Go to solution
Laszlo Balla
Mega Sage
Mega Sage

‎05-23-2023 07:45 AM

  1. Open the portal record [sp_portal]
  2. Open the theme record of the portal [sp_theme]
  3. In 'CSS Includes' related list, create a new record
    • Source: Stylesheet
  4. In Stylesheet reference field, click on the look up, and create a new stylesheet record [sp_css] from from within the pop-up window.
  5. Define the font as needed using normal CSS.
    • If you are using custom fonts and uploading them, then you will have to reference the the attachments, e.g.:

      @font-face{
   font-family:'MyCustomFont';
   src: url('/sys_attachment.do?sys_id=3274af4a8793f010c11d85170cbb3506');
   font-weight: normal;
   font-style: normal;
}

html *
{
   font-family:'MyCustomFont';
}​

Go to solution
hreddy
Tera Expert
In response to Laszlo Balla

‎10-31-2024 05:36 AM

Hi @Laszlo Balla 

any idea how can i access this styles in UI page or UI macro or any other places.

0 Helpfuls

Go to solution
Harish Murikina
Tera Guru
In response to hreddy

‎11-11-2024 02:05 AM

Hi @hreddy 

You can access Portal styles using the sysif of the style using sysid of the style
Please refer all your list of style in the table "sp_css.LIST"

<head>

<link rel="stylesheet" type="text/css" href="sys_id_Of_style.spcssdbx">

</link>

Go to solution
hreddy
Tera Expert
In response to Harish Murikina

‎11-11-2024 02:14 AM

Thanks @Harish Murikina  for the help, it is indeed working and custom fonts are reelecting now

0 Helpfuls