在 SAP Fiori 启动板中使用自定义图标/字体

Question

I am searching for a way to use custom icon fonts already in the Fiori Launchpad.

I found one way using the UI theme designer : https://blogs.sap.com/2015/12/19/custom-icons-in-fiori-launchpad/ . But as I understand these icons are only available with a custom theme.

I am searching a way to register my own font so that the icons are available similar as the Fiori launch icons .

Looks like they are stored here: /UI5/sap/ushell/themes/base/fonts/ and referenced by the default themes, like here: /UI5/sap/fiori/themes/sap_bluecrystal/library.css

@font-face {
  font-family: 'Fiori2';
  src: url("../../../../../UI5/sap/ushell/themes/base/fonts/sap-launch-icons.eot");
  src: url("../../../../../UI5/sap/ushell/themes/base/fonts/sap-launch-icons.eot?#iefix") format('embedded-opentype'), url("../../../../../UI5/sap/ushell/themes/base/fonts/sap-launch-icons.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}

The icons are also available in the "Icon" selector of Fiori Launchpad Designer (FLPD) by name. So the questions are:

1. Is it possible to use own fonts similar to existing fonts?
2. If so, where and how should the font be placed?
3. If so, where and how should the icon names be defined, so that they can be used like this: "sap-icon://myNameSpace/iconname" ?

I know already how to do it inside my own apps using sap/ui/core/IconPool (For reference: https://ui5.sap.com/#/topic/21ea0ea94614480d9a910b2e93431291 ). But how to do it in a standard theme inside the Fiori Launchpad / Fiori launchpad Designer?

Answer 1

Partly this issue can be solved by defining a custom icon font and replacing the icons in the buttons of the launchpad. I've created a SAP Fiori Launchpad Plugin for custom icons . The main issue is that not all icons ie in the me area can be changed that way. I've posted a fresh question Replace SAP Icons in SAP Cloud Platform Portal Service Launchpad with Custom Icons in the SAP Community. Looking forward for some help.

Answer 2

Fiori design guidelines explicitly warn not to use custom icons inside Fiori launchpad eg Tiles :

• We have decided to stop unique launch icons being created for individual apps. Creating a unique icon for every app was and is not scalable in terms of iconography and production [...].
• Projects without a SAP Fiori ID do not get an individual icon.
• Do not develop your own icons or use custom icons.

As such, there is currently no public APIs or documented solutions to provide custom icons for FLP.

Update: found the Note 2411631 which says pretty much the same thing:

There is currently no officially supported method for adding custom icons to the Launchpad for use with tile creation.

As well as the statement by Thorsten Dencker:

Changing the Icon Font is officially not supported by the SAP Theme Designer.
[...] Issue coming up with custom CSS cannot be handled by the normal support process.