====== FontAwesome icons ===== [[http://fortawesome.github.io/Font-Awesome/|Font Awesome]] provides beautiful icons, which you can include anywhere in your Polifonic wiki pages. ===== Single icons ===== To include a single icon in your wiki page, use the following syntax: ''%%<fa %%//attributes//%%>%%'' where ''//attributes//'' is any class supported by FontAwesome. Polifonic supports all FontAwesome classes, except list icons. Note that the ''fa-'' prefix used by FontAwesome is optional. Below are some examples: <col sm:2><fa check></col><col sm:10>%%<fa check>%% </col> <col sm:2><fa check 2x></col><col sm:10>%%<fa check 2x>%%</col> <col sm:2><fa refresh spin lg></col><col sm:10>%%<fa refresh spin lg>%% </col> ===== Alternate syntax ===== The following alternate syntax is supported: Use ''fa-'' prefix in front of all attributes. | <fa fa-quote-left fa-border> | %%<fa fa-quote-left fa-border>%% | Use closing tag </fa> | <fa fa-quote-left fa-border></fa> | %%<fa fa-quote-left fa-border></fa>%% | Use %%<faicon>%% tag | <faicon quote-left pull-left border> | %%<faicon quote-left border>%% | ===== Stacked icons ===== You can also include stacked icons: <code> <fa stack lg> <fa square-o stack-2x></fa> <fa twitter stack-1x></fa> </fa> </code> <fa stack lg> <fa square-o stack-2x></fa> <fa twitter stack-1x></fa> </fa> <code> <fa stack 2x> <fa square-o stack-2x></fa> <fa twitter stack-1x></fa> </fa> </code> <fa stack 2x> <fa square-o stack-2x></fa> <fa twitter stack-1x></fa> </fa> <code> <fa stack 3x> <fa square-o stack-2x></fa> <fa twitter stack-1x></fa> </fa> </code> <fa stack 3x> <fa square-o stack-2x></fa> <fa twitter stack-1x></fa> </fa> ===== Using icons inside text ===== FontAwesome icons can be embedded inside the text of a paragraph, like this: <fa camera-retro>.