Support Article
Skin is not able to detect the CSS file with new custom font
SA-23531
Summary
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.
Resolution
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
Have a question? Get answers now.
Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.