@festo-ui/web-essentials 3.2.1 → 4.0.0-pre-20220920.1

package/README.md

@@ -56,3 +56,19 @@ You can use the variables like this:
 background: $hero; // background is carul now
 @extend .fwe-icon-menu-close; // add the menu-close icon as ::before element
 ```
+
+## 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 MetaPro 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");
+}
+
+:root {
+    --fwe-font-family-sans-serif: "localMeta";
+}
+```