SAP
diff --git a/‎.gitignore
Copy file name to clipboard
+3Lines changed: 3 additions & 0 deletions b/‎.gitignore
Copy file name to clipboard
+3Lines changed: 3 additions & 0 deletions
diff --git a/‎.size-limit
Copy file name to clipboard
+1-1Lines changed: 1 addition & 1 deletion b/‎.size-limit
Copy file name to clipboard
+1-1Lines changed: 1 addition & 1 deletion
diff --git a/‎.storybook/preview-head.html
Copy file name to clipboard
+29Lines changed: 29 additions & 0 deletions b/‎.storybook/preview-head.html
Copy file name to clipboard
+29Lines changed: 29 additions & 0 deletions
diff --git a/‎README.md
Copy file name to clipboard
+20-1Lines changed: 20 additions & 1 deletion b/‎README.md
Copy file name to clipboard
+20-1Lines changed: 20 additions & 1 deletion
@@ -12,6 +12,9 @@
 # Readme copy for github pages site
 /src/_playground/documentation/Home/README.md
 
+# fonts for documentation site
+/src/_playground/static/
+
 #index files
 /src/**/index.js
 
 
@@ -3,6 +3,6 @@
     name: "Fundamental-React Size",
     webpack: true,
     path: "lib/index.js",
-    limit: "200 KB"
+    limit: "185 KB"
   }
 ]
@@ -0,0 +1,29 @@
+<style type="text/css">
+@font-face {
+    font-family: '72';
+    src: url('./72-Regular.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: '72';
+    src: url('./72-Light.woff') format('woff');
+    font-weight: 300;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: '72';
+    src: url('./72-Bold.woff') format('woff');
+    font-weight: 700;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'SAP-icons';
+    src: url('./SAP-icons.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+}
+</style>
@@ -1,7 +1,7 @@
 # Fundamental React
 
 [![npm version](https://badge.fury.io/js/fundamental-react.svg)](//www.npmjs.com/package/fundamental-react)
-[![Minified Size](https://badgen.net/bundlephobia/min/fundamental-react)](https://bundlephobia.com/result?p=fundamental-react)
+[![Minified Size](https://badgen.net/bundlephobia/min/fundamental-react)](https://bundlephobia.com/result?p=fundamental-react)	
 [![Minzipped Size](https://badgen.net/bundlephobia/minzip/fundamental-react)](https://bundlephobia.com/result?p=fundamental-react)
 [![Build Status](https://travis-ci.org/SAP/fundamental-react.svg?branch=master)](https://travis-ci.org/SAP/fundamental-react)
 [![Coverage Status](https://coveralls.io/repos/github/SAP/fundamental-react/badge.svg?branch=master)](https://coveralls.io/github/SAP/fundamental-react?branch=master)
@@ -45,6 +45,25 @@ For an existing react application, follow the steps below:
     > **NOTE:** Importing from specific component is recommended. Doing so will bring in only the component you are using instead of the whole library, which will reduce your bundle size significantly.
 
 
+1. This project does not contain fonts and icons - they must be added to your project separately. Fonts and icons can be found at [`@sap-theming/theming-base-content`](https://github.com/SAP/theming-base-content). After importing fonts and icons from [`@sap-theming/theming-base-content`](https://github.com/SAP/theming-base-content), add the following to your css:
+
+```
+    @font-face {
+        font-family: "72";
+        src: url("path/to/fonts") format("woff"); // Bold, Light, Regular available in woff and woff2
+        font-weight: normal;
+        font-style: normal;
+    };
+
+    @font-face {
+        font-family: "SAP-icons";
+        src: url("path/to/icons") format("woff"); // available in woff, woff2 and ttf
+        font-weight: normal;
+        font-style: normal;
+    }
+```
+
+Additionally, edit your webpack configuration to load font and icon fonts - see [file-loader](https://webpack.js.org/loaders/file-loader/).
 
 ## Versioning
Original file line number	Diff line number	Diff line change
`@@ -3,6 +3,6 @@`
`3`	`3`	`name: "Fundamental-React Size",`
`4`	`4`	`webpack: true,`
`5`	`5`	`path: "lib/index.js",`
`6`		`- limit: "200 KB"`
	`6`	`+ limit: "185 KB"`
`7`	`7`	`}`
`8`	`8`	`]`