CSB: custom font

[Abdelrani1]

Hello,

We would like to upload a new custom font.

However we have realized it does not update the following settings (especially text components):

Pages> Home > default > text components
Pages> Content > default > text components
Pages> Category > default > category page > text components
Pages> Landing > default > text components & Data capture forms

Updating all of them in Test and Prod will be time consuming.

How can we update them all in one shot?

Using exported xml files from CSB helps but too many text components remain unchanged.

Is there a script available to perform such change?

Kind Regards,

Abdelrani

SAP SuccessFactors Recruiting 

[karthick_0905]

Hi @Abdelrani1 ,

Please try below and see if it works.

Login to CSB (Career Site Builder):

Access the "Theme" Settings:

Navigate to Themes. This is where you'll configure the overall look and feel of your site, including fonts, colors, and text styles.

Edit Your Theme:

In Theme Settings, there will be an option for Global Styles. These are where you define font families, colors, and other shared design elements.

Look for the CSS section where fonts are defined. Typically, this might look like:

css:
body { font-family: 'OldFont', Arial, sans-serif; }
Replace Old Font with the name of your new custom font.

css:
body { font-family: 'YourNewCustomFont', Arial, sans-serif; }
Apply Font to Specific Components:

If you want to ensure the new font is applied to specific text components (like headings, paragraphs, etc.), you can update the relevant CSS classes:

css;
.heading { font-family: 'YourNewCustomFont', sans-serif; } .text-component { font-family: 'YourNewCustomFont', sans-serif; }

You can apply this across the theme’s global CSS to ensure it affects all text components, headers, footers, and other sections.

Preview Changes:

After making the changes, preview the site to ensure the new font is applied across all the pages (Home, Content, Category, Landing, etc.).

Publish the Changes:

Once you’ve confirmed the new font is displayed correctly, publish the changes. This will apply the new font across both Test and Production environments.

Thanks,

kr,

karthick.