diff --git a/less/iconic.less b/less/iconic.less
index ed686698..3bcc87a2 100644
--- a/less/iconic.less
+++ b/less/iconic.less
@@ -5,14 +5,14 @@
 @font-face {
   font-family: IconicStroke;
   font-weight: normal;
-  src: url('../font/iconic_stroke.eot');
-  src: local('IconicStroke'), url('iconic_stroke.eot?#iefix') format('../font/embedded-opentype'), url('../font/iconic_stroke.woff') format('woff'), url('../font/iconic_stroke.ttf') format('truetype'), url('iconic_stroke.svg#iconic') format('svg'), url('../font/iconic_stroke.otf') format('opentype');
+  src: url(~'@{iconicFontPath}/iconic_stroke.eot');
+  src: local('IconicStroke'), url('iconic_stroke.eot?#iefix') format(~'@{iconicFontPath}/embedded-opentype'), url(~'@{iconicFontPath}/iconic_stroke.woff') format('woff'), url(~'@{iconicFontPath}/iconic_stroke.ttf') format('truetype'), url('iconic_stroke.svg#iconic') format('svg'), url(~'@{iconicFontPath}/iconic_stroke.otf') format('opentype');
 }
 @font-face {
   font-family: IconicFill;
   font-weight: normal;
-  src: url('../font/iconic_fill.eot');
-  src: local('IconicFill'), url('../font/iconic_fill.eot?#iefix') format('embedded-opentype'), url('../font/iconic_fill.woff') format('woff'), url('../font/iconic_fill.ttf') format('truetype'), url('iconic_fill.svg#iconic') format('svg'), url('../font/iconic_fill.otf') format('opentype');
+  src: url(~'@{iconicFontPath}/iconic_fill.eot');
+  src: local('IconicFill'), url(~'@{iconicFontPath}/iconic_fill.eot?#iefix') format('embedded-opentype'), url(~'@{iconicFontPath}/iconic_fill.woff') format('woff'), url(~'@{iconicFontPath}/iconic_fill.ttf') format('truetype'), url('iconic_fill.svg#iconic') format('svg'), url(~'@{iconicFontPath}/iconic_fill.otf') format('opentype');
 }
 
 // Icons
diff --git a/less/variables.less b/less/variables.less
index de36074f..25dc7ecf 100644
--- a/less/variables.less
+++ b/less/variables.less
@@ -153,6 +153,7 @@
 // -------------------------
 @iconSpritePath:          "../img/glyphicons-halflings.png";
 @iconWhiteSpritePath:     "../img/glyphicons-halflings-white.png";
+@iconicFontPath:          "../font";
 
 
 // Input placeholder text color