diff --git a/sass/ratchicons.scss b/sass/ratchicons.scss
index be18807..e12cdef 100644
--- a/sass/ratchicons.scss
+++ b/sass/ratchicons.scss
@@ -6,11 +6,11 @@
   font-family: Ratchicons;
   font-weight: normal;
   font-style: normal;
-  src: url('../fonts/ratchicons.eot');
-  src: url('../fonts/ratchicons.eot?#iefix') format('embedded-opentype'),
-       url('../fonts/ratchicons.woff') format('woff'),
-       url('../fonts/ratchicons.ttf') format('truetype'),
-       url('../fonts/ratchicons.svg#svgFontName') format('svg');
+  src: url($font-directory + '/ratchicons.eot');
+  src: url($font-directory + '/ratchicons.eot?#iefix') format('embedded-opentype'),
+       url($font-directory + '/ratchicons.woff') format('woff'),
+       url($font-directory + '/ratchicons.ttf') format('truetype'),
+       url($font-directory + '/ratchicons.svg#svgFontName') format('svg');
 }
 
 .icon {
diff --git a/sass/variables.scss b/sass/variables.scss
index e65831e..3e354c0 100644
--- a/sass/variables.scss
+++ b/sass/variables.scss
@@ -5,6 +5,7 @@
 
 // Type
 // --------------------------------------------------
+$font-directory: "../fonts" !default;
 $font-family-default: "Helvetica Neue", Helvetica, sans-serif !default;
 $font-size-default: 17px !default;
 $font-weight: 500 !default;