diff --git a/docs/fonts/neutraface-bold.eot b/docs/fonts/neutraface-bold.eot
new file mode 100755
index 000000000..bcbdac011
Binary files /dev/null and b/docs/fonts/neutraface-bold.eot differ
diff --git a/docs/fonts/neutraface-bold.woff b/docs/fonts/neutraface-bold.woff
new file mode 100755
index 000000000..e687f3b19
Binary files /dev/null and b/docs/fonts/neutraface-bold.woff differ
diff --git a/docs/fonts/neutraface-book.eot b/docs/fonts/neutraface-book.eot
new file mode 100755
index 000000000..c0bfe9091
Binary files /dev/null and b/docs/fonts/neutraface-book.eot differ
diff --git a/docs/fonts/neutraface-book.woff b/docs/fonts/neutraface-book.woff
new file mode 100755
index 000000000..1f706e3e8
Binary files /dev/null and b/docs/fonts/neutraface-book.woff differ
diff --git a/docs/fonts/neutraface-italic.eot b/docs/fonts/neutraface-italic.eot
new file mode 100755
index 000000000..0ee2ef6c7
Binary files /dev/null and b/docs/fonts/neutraface-italic.eot differ
diff --git a/docs/fonts/neutraface-italic.woff b/docs/fonts/neutraface-italic.woff
new file mode 100755
index 000000000..a1edbbc12
Binary files /dev/null and b/docs/fonts/neutraface-italic.woff differ
diff --git a/docs/stylesheets/example.css b/docs/stylesheets/example.css
index 7d149ab0a..3334fad20 100755
--- a/docs/stylesheets/example.css
+++ b/docs/stylesheets/example.css
@@ -15,7 +15,9 @@
   font-weight: normal;
   font-style: normal;
 }
-/* font */
+
+/* Non Web Font (For Demo) 
+
 @font-face {
   font-family: 'Neutraface';
   src:
@@ -34,6 +36,49 @@
   font-style: normal;
   font-size-adjust: 0.448;
 }
+*/
+
+@font-face {
+  font-family: 'Neutraface';
+  src: 
+    url('../fonts/neutraface-book.eot');
+  src: 
+    url('../fonts/neutraface-book.eot?#iefix') format('embeddedopentype'),
+    url('../fonts/neutraface-book.woff') format('woff')
+  ;
+  font-style: normal;
+  font-weight: normal;
+  font-stretch: normal;
+}
+@font-face {
+  font-family: 'Neutraface';
+  src: 
+    url('../fonts/neutraface-bold.eot');
+  src: 
+    url('../fonts/neutraface-bold.eot?#iefix') format('embeddedopentype'),
+    url('../fonts/neutraface-bold.woff') format('woff')
+  ;
+  font-style: normal;
+  font-weight: bold;
+  font-stretch: normal;
+}
+
+@font-face {
+  font-family: 'Neutraface';
+  src: 
+    url('../fonts/neutraface-italic.eot');
+  src: 
+    url('../fonts/neutraface-italic.eot?#iefix') format('embeddedopentype'),
+    url('../fonts/neutraface-italic.woff') format("woff")
+  ;
+  font-style: italic;
+  font-weight: normal;
+  font-stretch: normal;
+}
+
+
+
+
 /*******************************
              Global 
 *******************************/
@@ -42,6 +87,7 @@ body#example {
   background: #FCFCFC url(../images/bg.jpg) repeat;
   margin: 0px;
   padding: 0px 0px 150px;
+  text-rendering: optimizeLegibility;
 }
 
 /* text and headers */