Hi,

Any tips on how to integrate would be very welcome. A readme for installation and usage instructions ?

thanks..

Comments

RobLoach’s picture

It just adds the CSS, it's up to you to embed the classes....

<a href="http://twitter.com/mywebshiz"><i class="icon-twitter"></i>Twitter!!!</a>
sjk1000’s picture

See here for installing font awesome in Drupal without the module

http://redheadevelopment.com/blog/fontawesome-and-drupal

Go to Configuration > CKEditor > Full Profile Edit > Advanced Options and paste into the Custom JavaScript configuration box:

config.allowedContent = true;

(not forgetting the semi colon, probably)

Go to Configuration > Text Formats > “Full HTML” Configure.

Check the "Limit Allowed html tags" box, scroll to the bottom to Limit Allowed HTML Tags filter.

Add a `<font-awesome>` tag to the list or whatever tag you like - Using `<i>` tags converts to italics hence why I’ve created a new tag

When adding text in the wysiwyg you can now use

<font-awesome class=“fa fa-smile-o></font-awesome>

As I learned here http://www.hanselman.com/blog/WhyDoMyFontAwesomeIconsShowUpAsBlankSquares.aspx you need both the “fa" and the reference to the icon in the class name hence class=“fa fa-smile-o>"

Hope this helps

techgirlgeek’s picture

Issue summary: View changes

FYI - the class, icon-twitter, is no longer a valid class in font-awesome.
We used:

<i class="fa fa-twitter-square"></i>

and that worked.

  • inders committed a081421 on 7.x-2.x
    Issue #1928406 by inders : Added Readme.txt file for documentation
    
  • inders committed 2821d8b on 7.x-2.x
    Issue #1928406 by inders : Updated Readme.txt file for documentation
    
inders’s picture

FYI -

  1. 7.x-1.1 - if you are using 1.x version then you have support for Fontawesome Library 3.2.1. So you can use it as:-
    Twitter
  2. 7.x-2.1 - for 2.x version Fontawesome Library 4.x is supported with latest icon set.

  • inders committed a081421 on 8.x-1.x
    Issue #1928406 by inders : Added Readme.txt file for documentation
    
  • inders committed 2821d8b on 8.x-1.x
    Issue #1928406 by inders : Updated Readme.txt file for documentation
    
truls1502’s picture

Status: Active » Fixed

I hope you got the bits of help. I am going to close the ticket as fixed. Please correct me and re-open the ticket if you still facing the issue.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.