Added a special font

[examples/template-development] / less / frontend.less

diff --git a/less/frontend.less b/less/frontend.less
index 8b0d18c..93145ff 100644 (file)
--- a/less/frontend.less
+++ b/less/frontend.less
@@ -3,11 +3,27 @@
 @light:      #9f9;
 @lighter:    #fff;
 
+@font-face {
+  font-family: 'White Rabbit';
+  font-style: normal;
+  font-weight: 400;
+  text-transform: none;
+  src: url('../fonts/white-rabbit.woff');
+  -webkit-font-feature-settings: "liga";
+     -moz-font-feature-settings: "liga=1";
+     -moz-font-feature-settings: "liga";
+      -ms-font-feature-settings: "liga" 1;
+       -o-font-feature-settings: "liga";
+          font-feature-settings: "liga";
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
 
 body
 {
   color: @normal;
   background-color: @background;
+  font-family: "White Rabbit";
   font-size: 20px;
 }
 a
@@ -31,10 +47,22 @@ hr
   border-color: @normal;
   clear: both;
 }
+svg
+{
+  fill: currentColor;
+}
+
 
 header
 {
   margin-bottom: 3em;
+  > h2 > svg
+  {
+    position: relative;
+    top: .2em;
+    height: 1.25em;
+    width: 2.5em;
+  }
 }
 nav
 {