Customizable font path

sass/ratchicons.scss

@@ -6,11 +6,11 @@
   font-family: Ratchicons;
   font-weight: normal;
   font-style: normal;
-  src: url('../fonts/ratchicons.eot');
+  src: url('#{$icon-font-path}ratchicons.eot');
-  src: url('../fonts/ratchicons.eot?#iefix') format('embedded-opentype'),
+  src: url('#{$icon-font-path}ratchicons.eot?#iefix') format('embedded-opentype'),
-       url('../fonts/ratchicons.woff') format('woff'),
+       url('#{$icon-font-path}ratchicons.woff') format('woff'),
-       url('../fonts/ratchicons.ttf') format('truetype'),
+       url('#{$icon-font-path}ratchicons.ttf') format('truetype'),
-       url('../fonts/ratchicons.svg#svgFontName') format('svg');
+       url('#{$icon-font-path}ratchicons.svg#svgFontName') format('svg');
 }
 
 .icon {

sass/variables.scss

@@ -12,6 +12,14 @@ $font-weight-light: 400 !default;
 $line-height-default: 21px !default;
 
 
+// Iconography
+// --------------------------------------------------
+//## Specify custom location and filename of the included Ratchicons icon font. Useful for those including Ratchet via Bower.
+
+//** Load fonts from this directory.
+$icon-font-path: "../fonts/";
+
+
 // Colors
 // --------------------------------------------------