diff options
| author | Mark Otto <[email protected]> | 2014-06-09 21:35:05 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2014-06-09 21:35:05 -0700 |
| commit | 12aeeaca0e4f4e7ba89763fb76964e50cd974456 (patch) | |
| tree | 2e35f0f36e1dce0a74af8dda47ed719dbe79fbae /docs/_includes/components | |
| parent | 2213a5b756ad01042bd6e68b9a17f591ca62e977 (diff) | |
| parent | d2061e8aeb7517d08603fb40cb1a225ebb405576 (diff) | |
| download | bootstrap-12aeeaca0e4f4e7ba89763fb76964e50cd974456.tar.xz bootstrap-12aeeaca0e4f4e7ba89763fb76964e50cd974456.zip | |
Merge pull request #13768 from twbs/font_files_docs
Simpler and updated docs copy for icon font file paths
Diffstat (limited to 'docs/_includes/components')
| -rw-r--r-- | docs/_includes/components/glyphicons.html | 13 |
1 files changed, 7 insertions, 6 deletions
diff --git a/docs/_includes/components/glyphicons.html b/docs/_includes/components/glyphicons.html index 301a542b6..e87434137 100644 --- a/docs/_includes/components/glyphicons.html +++ b/docs/_includes/components/glyphicons.html @@ -27,12 +27,13 @@ </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> - <div class="bs-callout bs-callout-info"> - <h4><code>@import</code>ing Bootstrap via Less may require adjusting the icon font location</h4> - <p>If you <code>@import</code> Bootstrap's Less source into your own Less file, you may need to adjust the <code>@icon-font-path</code> Less variable due to the way that the relative paths in our <code>url(...)</code>s work.</p> + <p>Bootstrap assumes icon font files will be located in the <code>../fonts/</code> directory, relative to the compiled CSS files. Moving or renaming those font files means updating the CSS in one of three ways:</p> + <ul> + <li>Change the <code>@icon-font-path</code> and/or <code>@icon-font-name</code> variables in the source Less files.</li> + <li>Utilize the <a href="http://lesscss.org/usage/#command-line-usage-relative-urls">relative URLs option</a> provided by the Less compiler.</li> + <li>Change the <code>url()</code> paths in the compiled CSS.</li> + </ul> + <p>Use whatever option best suits your specific development setup.</p> </div> {% highlight html %} <span class="glyphicon glyphicon-search"></span> |