Add example for custom icon font

1 files changed, 36 insertions, 0 deletions

diff --git a/exampleSite/static/icons.css b/exampleSite/static/icons.css
new file mode 100644
index 0000000..929c097
--- /dev/null
+++ b/exampleSite/static/icons.css
@@ -0,0 +1,36 @@
+@font-face {
+    font-family: 'FontAwesome';
+    src:    url('../fonts/icons.eot');
+    src:    url('../fonts/icons.eot#iefix') format('embedded-opentype'),
+        url('../fonts/icons.ttf') format('truetype'),
+        url('../fonts/icons.woff') format('woff'),
+        url('../fonts/icons.svg#FontAwesome') format('svg');
+    font-weight: normal;
+    font-style: normal;
+}
+
+.icons {
+    /* use !important to prevent issues with browser extensions that change fonts */
+    font-family: 'FontAwesome' !important;
+    speak: none;
+    font-style: normal;
+    font-weight: normal;
+    font-variant: normal;
+    text-transform: none;
+    line-height: 1;
+
+    /* Better Font Rendering =========== */
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+.fa-twitter:before {
+    content: "\f099";
+}
+.fa-linkedin:before {
+    content: "\f0e1";
+}
+.fa-gitlab:before {
+    content: "\f296";
+}
+