## HOP noticeboard

### Font Awesome

Font Awesome

Hello!

A new, simple way to add Font Awesome fonts! Anywhere you write, and like to add one of hundreds, free Font Awesome icons, just put its name in square brackets with fa- (with no spaces that I have added just to visualise the text for you), for instance for "smile" icon .

[ fa-smile ]

If you have typed in the icon name correctly you will see the icon appear once you have hit save. If you wish to make the icon larger you can use a multiplier .

[ fa-smile fa-2x ] or [ fa-smile fa-4x ]

Changing colour is more than easy. Just modify the colour of the square brackets with fa-icon name inside . If your editor does not allow to change colours, choose "TinyMCE" from drop-down menu -> preferences ->editor preferences, it has many more options to edit text.

You can also flip an icon horizontally or vertically .

[ fa-smile fa-flip-vertical ]

And you can "pull" the icon to the left or right. If it is "pulled" to the left text will wrap to the right.

[ fa-smile pull-left ]


And of course you can mix all different options to get the expected outcome. Enjoy!