diff --git a/docs/fonts/neutraface-bold.eot.REMOVED.git-id b/docs/fonts/neutraface-bold.eot.REMOVED.git-id
new file mode 100644
index 000000000..06f92f9ec
--- /dev/null
+++ b/docs/fonts/neutraface-bold.eot.REMOVED.git-id
@@ -0,0 +1 @@
+bcbdac0112db03c61221dff30aac156ea17ca354
\ No newline at end of file
diff --git a/docs/fonts/neutraface-bold.woff.REMOVED.git-id b/docs/fonts/neutraface-bold.woff.REMOVED.git-id
new file mode 100644
index 000000000..4079ce822
--- /dev/null
+++ b/docs/fonts/neutraface-bold.woff.REMOVED.git-id
@@ -0,0 +1 @@
+e687f3b19d0e732fe65e366f41c9d1d9d1b20415
\ No newline at end of file
diff --git a/docs/fonts/neutraface-book.eot.REMOVED.git-id b/docs/fonts/neutraface-book.eot.REMOVED.git-id
new file mode 100644
index 000000000..93a2eae6f
--- /dev/null
+++ b/docs/fonts/neutraface-book.eot.REMOVED.git-id
@@ -0,0 +1 @@
+c0bfe9091fe0c8eca2a07e2d357a756a098db8f6
\ No newline at end of file
diff --git a/docs/fonts/neutraface-book.woff.REMOVED.git-id b/docs/fonts/neutraface-book.woff.REMOVED.git-id
new file mode 100644
index 000000000..9e392b9ec
--- /dev/null
+++ b/docs/fonts/neutraface-book.woff.REMOVED.git-id
@@ -0,0 +1 @@
+1f706e3e82012131896883d58311eee778781216
\ No newline at end of file
diff --git a/docs/fonts/neutraface-italic.eot.REMOVED.git-id b/docs/fonts/neutraface-italic.eot.REMOVED.git-id
new file mode 100644
index 000000000..4555e6448
--- /dev/null
+++ b/docs/fonts/neutraface-italic.eot.REMOVED.git-id
@@ -0,0 +1 @@
+0ee2ef6c76e9f09e071889fb36b00a40e9b28c00
\ No newline at end of file
diff --git a/docs/fonts/neutraface-italic.woff.REMOVED.git-id b/docs/fonts/neutraface-italic.woff.REMOVED.git-id
new file mode 100644
index 000000000..5e5a2e099
--- /dev/null
+++ b/docs/fonts/neutraface-italic.woff.REMOVED.git-id
@@ -0,0 +1 @@
+a1edbbc12498e8e53c839a2668129d582d68dc47
\ No newline at end of file
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 */