在 SAP Fiori 啟動板中使用自定義圖標/字體

Question

我正在尋找一種方法來使用 Fiori Launchpad 中已有的自定義圖標字體。

我找到了一種使用UI 主題設計器的方法： https ://blogs.sap.com/2015/12/19/custom-icons-in-fiori-launchpad/。 但據我了解，這些圖標僅適用於自定義主題。

我正在尋找一種方法來注冊我自己的字體，以便圖標可用，類似於Fiori 啟動圖標。

看起來它們存儲在此處： /UI5/sap/ushell/themes/base/fonts/並由默認主題引用，例如此處： /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;
}

這些圖標也可按名稱在Fiori Launchpad Designer (FLPD) 的“圖標”選擇器中使用。 所以問題是：

1. 是否可以使用類似於現有字體的自己的字體？
2. 如果是這樣，字體應該放在哪里以及如何放置？
3. 如果是這樣，應該在哪里以及如何定義圖標名稱，以便可以像這樣使用它們： "sap-icon://myNameSpace/iconname" ？

我已經知道如何使用sap/ui/core/IconPool在我自己的應用程序中執行此操作（供參考： https ://ui5.sap.com/#/topic/21ea0ea94614480d9a910b2e93431291）。 但是如何在 Fiori Launchpad / Fiori Launchpad Designer中的標准主題中做到這一點？

Answer 1

通過定義自定義圖標字體並替換啟動板按鈕中的圖標，可以部分解決此問題。 我已經為自定義圖標創建了一個SAP Fiori Launchpad插件 。 主要問題在於，並非所有圖標（即me區域中的圖標）都可以通過這種方式進行更改。 我已經發布了一個新問題，即使用SAP Community中的“ 自定義圖標”替換“ SAP Cloud Platform Portal服務啟動板中的SAP 圖標 ”。 期待獲得幫助。

Answer 2

Fiori 設計指南明確警告不要在 Fiori 啟動板中使用自定義圖標，例如Tiles ：

• 我們已決定停止為單個應用程序創建獨特的啟動圖標。 為每個應用程序創建一個獨特的圖標在圖標和制作方面過去和現在都不可擴展 [...]。
• 沒有 SAP Fiori ID 的項目不會獲得單獨的圖標。
• 不要開發自己的圖標或使用自定義圖標。

因此，目前沒有公共 API 或文檔化解決方案來為 FLP 提供自定義圖標。

更新：找到了注釋 2411631 ，它說的幾乎一樣：

目前沒有官方支持的方法可以將自定義圖標添加到 Launchpad 以用於創建磁貼。

以及 Thorsten Dencker 的聲明：

SAP Theme Designer 正式不支持更改圖標字體。
[...] 自定義 CSS 的問題無法通過正常的支持流程處理。