Use custom fonts in SAPUI5 applications

[former_member253610]

Hi,

I know this question was asked before. But I couldn't find a way to do it. Is there a way to use your custom fonts in SAPUI5 applications by configuring it in the Theme Designer?

[former_member357652]

I think SAP Theme Designer does not support changing the font right now (see the endless discussions on SCN ...)

We use the following workaround in our applications:

1. Make a custom CSS in your project folder, e.g. css\style.css
2. Include the CSS in your manifest.json

   <code>"resources": {
       "css": [
           {
           uri": "css/style.css"
           }
       ]
   }
   

3. Set the font-family property in the CSS (in this case "Candara"), the selector excludes all SAP-Standard icons and their special fonts

   :not(.sapUiIcon) {
        font-family: Candara;
   }

[Former Member]

Hi,

You can refer this blog.

https://blogs.sap.com/2015/11/02/enhance-ui5-app-with-custom-icon-fonts/

Regards,

Kanwarmeet Kaur

[former_member241902]

Hi,

Custom font is not supported by SAP UI5. The parameter 'sapUiFontSize' is has no public access.

Regards,

Dharmendra Kumar