Skip to main content

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

Creating a CSS font file

Updated on December 13, 2022
Applicable to Theme Cosmos applications

Define a CSS file that holds the information about a new font in an application to ensure that Pega Platform integrates your changes to the application. Adding a new font can improve the visual style of your application and make it compatible with your branding standards.

  1. Using a text editor, create a CSS file with the font-face snippet.
    For example: This snippet defines a Company font for the Account Manager application.
                            url: "AccountManager/CompanyFontRegular.woff2", 
                            fontFamily: "Company", 
                            type: "text"

    Where the parameters have the following values:

    The URL address of the font file in the folder that you indicated when adding the binary file with the font. For more information, see Uploading custom font files.
    The name of the font.
    The typical use of the font.
  2. Add the CSS file to the skin of the application.
    For more information, see Attaching a CSS to the skin.

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. is not optimized for Internet Explorer. For the optimal experience, please use:

Close Deprecation Notice
Contact us