fortawesome / font-awesome-less Goto Github PK

Font-Awesome LESS gem for use in Ruby on Rails projects

License: MIT License

Ruby 3.94% CSS 96.06%

font-awesome-less's Introduction

FontAwesome::Less

'font-awesome-less' is a Less-powered version of FontAwesome for your Ruby projects and plays nicely with Ruby on Rails, Sprockets, etc.

Installation

Please see the appropriate guide for your environment of choice:

Ruby on Rails.
Regular not on Rails.

a. Ruby on Rails

In your Gemfile include:

gem 'font-awesome-less', '~> 4.7.0'

And then execute:

bundle install

Import the FontAwesome styles in your app/assets/stylesheets/application.css.less. The font-awesome-sprockets file includes the overrides for Rails helpers.

@import "font-awesome-sprockets";
@import "font-awesome";

Rails Helper usage

In your view:

icon('flag')
# => <i class="fa fa-flag"></i>

icon('flag', '', class: 'strong')
# => <i class="fa fa-flag strong"></i>

icon('flag', 'Font Awesome', id: 'my-icon', class: 'strong')
# => <i id="my-icon" class="fa fa-flag strong"></i> Font Awesome

Note: the icon helper can take a hash of options that will be passed to the content_tag helper

b. Regular without Rails

Install the gem

gem install font-awesome-less

If you have an existing Ruby project:

require 'font-awesome-less'

Import the FontAwesome styles

@import "font-awesome-regular";
@import "font-awesome";

Upgrading from FontAwesome::Less 3.x

Prepend the fa class to existing icons:

3.x Syntax

<i class="icon-github"></i>

4.x Syntax

<i class="fa fa-github"></i>

font-awesome-less's People

Contributors

Stargazers

Watchers

Forkers

swimminschrage muclaigh4c jacobi85 tfluehmann maydos exygy jormon systom nothinman nvntd racketlogger t-web reaxdev rubynerd-forks 0101abc mayi7731 thesociableme shreya-thakkar jesperf caster javascriptextjs git-hub-clone w3fs sangkyunyoon wbingithub 18062616073 fangle yihyang acidburn0zzz yusufcome sitthichai rinn7e dalavancloud iman-norouzi yamnaingkyaw fu827707013 safayavatsal tosunkaya sitedata

font-awesome-less's Issues

bin/rails:6: warning: already initialized constant APP_PATH /Users/user/Projects/MM/bin/rails:6: warning: previous definition of APP_PATH was here Usage: rails COMMAND [ARGS]

I added gem 'font-awesome-less', '~> 4.2.0' to my gemfile and ran bundle but when I then run rails s I get the following error

bin/rails:6: warning: already initialized constant APP_PATH /Users/damien/Projects/MM/bin/rails:6: warning: previous definition of APP_PATH was here Usage: rails COMMAND [ARGS]

I am using rails 4.0.3

Unable to install when LESS version is higher than v2.4

I'm getting this error because the gemspec specifies 2.4.0 ...

Bundler could not find compatible versions for gem "less":
  In snapshot (Gemfile.lock):
    less (2.6.0)

  In Gemfile:
    font-awesome-less (~> 4.2.0) ruby depends on
      less (~> 2.4.0) ruby

Running `bundle update` will rebuild your snapshot from scratch, using only
the gems in your Gemfile, which may resolve the conflict.

... I think it should a bit more relaxed to require a minimum but allow any future updates? Thoughts?

Ps: Was trying to install v4.2.0

Not loading properly

Hi,

The font is not loaded properly. Things I did:

created a new rails4 project
added therubyracer and font-awesome-less to Gemfile
bundle
added *= require font-awesome to the comment block in application.css
generate a welcome/index action using generator
put a awesome-like image on the page <i class="fa fa-fw">Thing</i>
startup rails
load in Google Chrome, nothing there :-/ (same in firefox)
according to the developer tools, server log and console log, the font is not loaded at all, hence the stylesheet is loaded. Firefox complains about font-url, Chrome did it once too.

Am I only using it wrong or is something fishy about it?

http://..../assets/font-awesome/fontawesome-webfont.woff2?v=4.6.2

which does not exists, because the precompile process creates a hash in that name file. I've another project with rails 4.2.x and sass and it doesn't happen.

Any help will be appreciated.

No 4.0.3?

FortAwesome/Font-Awesome#2484