@festo-ui/web-essentials 6.1.0-dev.276 → 6.1.0-dev.279

package/README.md

@@ -60,16 +60,24 @@ background: $hero; // background is carul now
 
 ## Using Web Essentials with local fonts
 
-If you want to use Web Essentials in an __offline__ environment, you have to provide local files for the Festo font.
-* Download the required fonts here: https://festo.sharepoint.com/sites/tggfw/SitePages/Font-Richtlinie.aspx
-* Override the css variable for the font:
+If you want to use Web Essentials in an **offline** environment or with an non-latin style font, you have to provide own files for the Festo font.
+
+- Download the required fonts here: https://festo.sharepoint.com/sites/tggfw/SitePages/Font-Richtlinie.aspx
+- Override the css variable for the font:
+
 ```scss
 @font-face {
-  font-family: "localMeta";
-  src: url("../src/fonts/MetaChinese.woff") format("woff"), url("../src/fonts/MetaChinese.woff2") format("woff2");
+  font-family: 'localMeta';
+  src: url('../src/fonts/MetaChinese.woff') format('woff'), url('../src/fonts/MetaChinese.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'localMeta';
+  src: url('../src/fonts/MetaChinese-Bold.woff') format('woff'), url('../src/fonts/MetaChinese-Bold.woff2') format('woff2');
+  font-weight: bold;
 }
 
 :root {
-    --fwe-font-family-sans-serif: "localMeta";
+  --fwe-font-family-sans-serif: 'localMeta';
 }
 ```

package/dist/css/festo-web-essentials.css

@@ -1,19 +1,19 @@
 /*!
- * Festo UI - Web Essentials v6.1.0-dev.276 (https://storybook.festo.design/)
+ * Festo UI - Web Essentials v6.1.0-dev.279 (https://storybook.festo.design/)
  * Copyright 2022 Festo SE & Co. KG
  * Licensed under Apache-2.0
  */
 /* a screen reader friendly approach */
-/* Festo regular */
+/* MetaPro regular */
 @font-face {
-  font-family: "Festo";
-  src: url("../fonts/FestoW05-Regular.woff2") format("woff2"), url("../fonts/FestoW05-Regular.woff") format("woff");
+  font-family: "MetaPro";
+  src: local("MetaPro-Regular"), url("https://www.festo.com/Fonts/MetaPro-Regular.woff2") format("woff2"), url("https://www.festo.com/Fonts/MetaPro-Regular.woff") format("woff");
 }
-/* Festo bold */
+/* MetaPro bold */
 @font-face {
-  font-family: "Festo";
+  font-family: "MetaPro";
+  src: local("MetaPro-Bold"), url("https://www.festo.com/Fonts/MetaPro-Bold.woff2") format("woff2"), url("https://www.festo.com/Fonts/MetaPro-Bold.woff") format("woff");
   font-weight: bold;
-  src: url("../fonts/FestoW05-Bold.woff2") format("woff2"), url("../fonts/FestoW05-Bold.woff") format("woff");
 }
 /* Festo Icon Font */
 @font-face {
@@ -2563,8 +2563,7 @@ h6,
   --fwe-spacer-l: 32px;
   --fwe-spacer-xl: 48px;
   --fwe-spacer-xxl: 64px;
-  --fwe-font-family-sans-serif: "Festo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
-    sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  --fwe-font-family-sans-serif: "MetaPro", "Trebuchet MS", Arial, sans-serif;
   --fwe-font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
   --fwe-font-family-icons-16: "festo_icons-16";
   --fwe-font-family-icons-24: "festo_icons-24";