fix #13340 by documenting @icon-font-path & @icon-font-name more

diff --git a/docs/_includes/components/glyphicons.html b/docs/_includes/components/glyphicons.html
index 0f932f45c7c2bd366da0deb9aae06e639db202e5..18f202372f4ff479ef7f478b8b57565573f0f899 100644 (file)
--- a/docs/_includes/components/glyphicons.html
+++ b/docs/_includes/components/glyphicons.html
@@ -25,6 +25,11 @@
     <h4>Only for use on empty elements</h4>
     <p>Icon classes should only be used on elements that contain no text content and have no child elements.</p>
   </div>
+  <div class="bs-callout bs-callout-info">
+    <h4>Changing the icon font location</h4>
+    <p>By default, Bootstrap assumes that the icon font files will be located in the <code>../fonts/</code> directory relative to your deployed CSS. For example, if your CSS file is at <code>http://example.com/foobar/css/bootstrap.css</code>, then your font files should be at <code>http://example.com/foobar/fonts/glyphicons-halflings-regular.woff</code>, etc.</p>
+    <p>If you are placing the icon font files elsewhere or changing their filenames, you will need to adjust the <code>@icon-font-path</code> and/or <code>@icon-font-name</code> Less variables accordingly.</p>
+  </div>
 {% highlight html %}
 <span class="glyphicon glyphicon-search"></span>
 {% endhighlight %}