Skip to main content


         This documentation site is for previous versions. Visit our new documentation site for current releases.      
 

Uploading custom font files

Updated on March 3, 2022
Applicable to Cosmos React and Theme Cosmos applications

Ensure that your user interface meets the branding requirements of your company by adding new fonts to Pega Platform. Your custom font files can comprise standard fonts or icon fonts, which you can then add to the default icon set for your application.

In Pega Platform, you store font files as binary files.
  1. In the header of Dev Studio, click CreateTechnicalBinary File.
  2. On the Create Binary File tab, in the Label field, enter a name for your font.
  3. In the App Name (Directory) field, enter the name of the folder that contains your font file.
    For example: Enter webwb.
  4. In the File Type (extension) field, enter woff2.
  5. Click Create and Open.
  6. On the Edit Binary File form, click Upload file.
  7. In the Upload file window, click Choose file, select the font file, and then click Upload file.
  8. Click Save.
  9. Optional: To use other font weights that belong to the same text font family, repeat steps 1 through 8, and then upload font files for each of the weights.
    For example: You can upload fonts as MyFontNameBold.woff2 and MyFontNameLight.woff2.
    A TTF file contains one font weight only.
What to do next: Add the new font CSS to the skin of your application. For more information, see Creating a CSS font file.
  • Previous topic Customizing fonts for the native mobile app components
  • Next topic Modifying the fonts settings file for font customization

Have a question? Get answers now.

Visit the Support Center to ask questions, engage in discussions, share ideas, and help others.

Did you find this content helpful?

Want to help us improve this content?

We'd prefer it if you saw us at our best.

Pega.com is not optimized for Internet Explorer. For the optimal experience, please use:

Close Deprecation Notice
Contact us