在SAP Fiori Launchpad中使用自定义图标/字体

时间:2016-02-09 12:52:26

标签: sapui5 sap-fiori

我正在寻找一种在Fiori Launchpad中使用自定义图标字体的方法。

我使用主题设计师检测到一种方式: http://scn.sap.com/community/fiori/blog/2015/12/20/custom-icons-in-fiori-launchpad

但据我所知,这些图标仅适用于特殊主题。

我正在寻找一种方式来注册我自己的字体,以便提供类似“特殊”Fiori图标的图标。

看起来它们存储在这里: UI5 / SAP / ushell /主题/碱/字体/

由默认主题引用,如下所示: /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;

  /*?#iefix is required to be added to the end of the path of eot file here:*/
}

图标也可以在图标选择器(Fiori Launchpad Designer)中按名称使用。所以问题是:

  1. 是否可以使用类似于退出字体的自己的字体?
  2. 如果是这样,字体应放在何处以及如何放置?
  3. 如果是这样,应该在何处以及如何定义图标名称,以便它们可以像这样使用:“sap-icon:// myNameSpace / iconname”
  4. 我已经知道如何使用IconPool在我自己的应用程序中执行此操作但不知道如何在Fiori Launchpad / Designer内的标准主题中执行此操作。 供参考:https://help.sap.com/saphelp_uiaddon10/helpdata/en/21/ea0ea94614480d9a910b2e93431291/content.htm

1 个答案:

答案 0 :(得分:0)

可以通过定义自定义图标字体并替换启动板按钮中的图标来部分解决此问题。我创建了一个SAP Fiori Launchpad Plugin for custom icons。主要问题在于,并非所有图标(即“我”区域中的图标)都可以通过这种方式更改。我在SAP社区中发布了一个新问题Replace SAP Icons in SAP Cloud Platform Portal Service Launchpad with Custom Icons。期待获得帮助。