Skip to main content

This content has been archived and is no longer being updated. Links may not function; however, this content may be relevant to outdated versions of the product.

Support Article

Skin is not able to detect the CSS file with new custom font



User has upgraded from PRPC 6.2 SP2 to Pega 7.1.6, facing an issue with loading the css file while creating the new font type.
The font is not getting picked up. User has used new custom font file (.otf) to load custom font to Pega.

Error Messages

No error messages.

Steps to Reproduce

1) Create a .otf file and upload as a binary file in webwb folder.
2) Create a .CSS file and specified the font family and source of the newly created .otf file. The css file has following code:

@font-face {
    font-family: myFirstFont;
    src: url("webwb/mynewcustomfont.otf");
3) Use myFirstFont font type in one of the label in our application, but unable to view the changes.

Root Cause

A software use or operation error : user has given wrong file location in src attribute of @font-face css element.


Perform the following local-change:

 Open .otf binary file in designer studio and check the relative path column of the file. It has value "images". Now, update the @font-face element src attribute as follows.

@font-face {
    font-family: myFirstFont;
    src: url("webwb/images/mynewcustomfont.otf");

Also, remove custom .css files attached to skin those were created in PRPC 6.2 SP2 version.

Published May 25, 2016 - Updated October 8, 2020

Was this useful?

0% found this useful

Have a question? Get answers now.

Visit the Collaboration 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 Community has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice
Contact us