From 4642156cbc6da4a9e25dce2168f2fb9b726de042 Mon Sep 17 00:00:00 2001 From: Thomas Park Date: Tue, 6 Aug 2013 15:19:12 -0400 Subject: unignore bower_components --- .../font-awesome/src/_includes/get-started.html | 105 +++++++++++++++++++++ 1 file changed, 105 insertions(+) create mode 100644 bower_components/font-awesome/src/_includes/get-started.html (limited to 'bower_components/font-awesome/src/_includes/get-started.html') diff --git a/bower_components/font-awesome/src/_includes/get-started.html b/bower_components/font-awesome/src/_includes/get-started.html new file mode 100644 index 00000000..34b970fd --- /dev/null +++ b/bower_components/font-awesome/src/_includes/get-started.html @@ -0,0 +1,105 @@ +{% capture stripe_ad_content %} +

+ Setting up Font Awesome can be as simple as adding two lines of code to your website, or you can be a pro and + customize the LESS yourself! Font Awesome even plays nicely with + Bootstrap! +

+{% endcapture %} +{% include stripe-ad.html %} + +
+

EASIEST: BootstrapCDN

+

Add Font Awesome + Bootstrap into your website with two lines of code. You don't even have to download or install anything!

+
    +
  1. + Paste the following code into the <head> section of your site's HTML. +{% highlight html %} + + +{% endhighlight %} +
    + Want to use Font Awesome by itself without Bootstrap? Just don't include the first line. +
    +
    2. +
  2. + Pat yourself on the back for your scalable-vector-icons-on-the-website + judo solution in two lines of code. +
    3. +
  3. + Check out the examples to start using Font Awesome! +
    4. +
+
+ +
+

EASY: Default CSS

+

Use this method to get the default Font Awesome CSS with the default Bootstrap CSS.

+
    +
  1. Copy the font-awesome directory into your project.
    2. +
  2. + In the <head> of your html, reference the location to your font-awesome.min.css. +{% highlight html %} + + +{% endhighlight %} +
    3. +
  3. Check out the examples to start using Font Awesome!
    4. +
+
+ +
+

PRO: Custom LESS

+

Use this method to customize Font Awesome and Bootstrap {{ site.bootstrap.version }} using LESS.

+
    +
  1. Copy the font-awesome directory into your project.
    2. +
  2. Open your project's bootstrap/bootstrap.less and replace +{% highlight html %} +@import "sprites.less"; +{% endhighlight %} + with +{% highlight html %} +@import "path/to/font-awesome/less/font-awesome.less"; +{% endhighlight %} +
    3. +
  3. + Open your project's font-awesome/variables.less and edit the @FontAwesomePath variable to point to your font directory. +{% highlight html %} +@FontAwesomePath: "../font"; +{% endhighlight %} +

    The font path is relative from your compiled CSS directory.

    +
    4. +
  4. Re-compile your LESS if using a static compiler. Otherwise, you should be good to go.
    5. +
  5. Check out the examples to start using Font Awesome!
    6. +
+
+ +
+

Not using Bootstrap?

+

Font Awesome works just as well without Bootstrap.

+
    +
  1. Copy the font-awesome directory into your project.
    2. +
  2. Follow the above directions and skip the Bootstrap parts.
    3. +
  3. Open your project's font-awesome.less or font-awesome.min.css and edit the font location to point it to your font directory (see above examples).
    4. +
  4. Check out the examples to start using Font Awesome!
    5. +
+
+ +
+

Need IE7 Support?

+

Font Awesome supports IE7. If you need it, you have my condolences.

+
    +
  1. Get Font Awesome working properly in a modern browser.
    2. +
  2. Copy font-awesome-ie7.min.css into your project.
    3. +
  3. + In the <head> of your html, reference the location to your font-awesome-ie7.min.css. +{% highlight html %} + + + +{% endhighlight %} +
    4. +
  4. Go complain to whoever decided your project needs IE7 support.
    5. +
+
-- cgit v1.2.3