fix(styles): show the horizon icons [ci visual]

SAP · Oct 25, 2023 · 5448694 · 5448694
1 parent fffb40f
commit 5448694
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 22 deletions.
diff --git a/.storybook/preview-head.html b/.storybook/preview-head.html
@@ -79,7 +79,7 @@
 
     @font-face {
         font-family: 'SAP-icons-TNT';
-        src: url('theming-base-content/content/Base/baseLib/baseTheme/fonts/SAP-icons-TNT.woff') format('woff');
+        src: url('theming-base-content/content/Base/baseLib/sap_horizon/fonts/SAP-icons-TNT.woff') format('woff');
         font-weight: normal;
         font-style: normal;
     }

diff --git a/README.md b/README.md
@@ -93,7 +93,7 @@ list of icon class names. See Project Configuration below for instructions to in
 ### Project Configuration
 
 This project does not contain fonts and icons - they must be added to your project separately. Download the @sap-theming
-library. After adding fonts and icons to your project, include the following in your CSS:
+library. After adding fonts and icons to your project, include the following in your CSS(The icon font files have different design for Fiori 3 themes and they can be found in the folder `@sap-theming/theming-base-content/content/Base/baseLib/baseTheme/fonts/`):
 
 ```css
 @font-face {
@@ -133,7 +133,7 @@ library. After adding fonts and icons to your project, include the following in
 
 @font-face {
     font-family: 'SAP-icons-TNT';
-    src: url('~@sap-theming/theming-base-content/content/Base/baseLib/baseTheme/fonts/SAP-icons-TNT.woff') format('woff');
+    src: url('~@sap-theming/theming-base-content/content/Base/baseLib/sap_horizon/fonts/SAP-icons-TNT.woff') format('woff');
     font-weight: normal;
     font-style: normal;
 }

diff --git a/packages/styles/README.md b/packages/styles/README.md
@@ -136,7 +136,7 @@ library. After adding fonts and icons to your project, include the following in
 
 @font-face {
     font-family: 'SAP-icons-TNT';
-    src: url('~@sap-theming/theming-base-content/content/Base/baseLib/baseTheme/fonts/SAP-icons-TNT.woff') format('woff');
+    src: url('~@sap-theming/theming-base-content/content/Base/baseLib/sap_horizon/fonts/SAP-icons-TNT.woff') format('woff');
     font-weight: normal;
     font-style: normal;
 }

diff --git a/packages/styles/src/fonts/sap_fonts.scss b/packages/styles/src/fonts/sap_fonts.scss
@@ -27,21 +27,3 @@
     url('@sap-theming/theming-base-content/content/Base/baseLib/baseTheme/fonts/72-SemiboldDuplex.woff')
     format('woff');
 }
-
-@font-face {
-  font-family: 'BusinessSuiteInAppSymbols';
-  src:
-    url('@sap-theming/theming-base-content/content/Base/baseLib/baseTheme/fonts/BusinessSuiteInAppSymbols.woff')
-    format('woff');
-  font-weight: normal;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'SAP-icons-TNT';
-  src:
-    url('@sap-theming/theming-base-content/content/Base/baseLib/baseTheme/fonts/SAP-icons-TNT.woff')
-    format('woff');
-  font-weight: normal;
-  font-style: normal;
-}
diff --git a/packages/styles/src/fonts/sap_horizon_fonts.scss b/packages/styles/src/fonts/sap_horizon_fonts.scss
@@ -13,3 +13,12 @@
   font-weight: normal;
   font-style: normal;
 }
+
+@font-face {
+  font-family: 'SAP-icons-TNT';
+  src:
+    url('@sap-theming/theming-base-content/content/Base/baseLib/horizon/fonts/SAP-icons-TNT.woff')
+    format('woff');
+  font-weight: normal;
+  font-style: normal;
+}