Polifonic Documentation
  • Sign in
  • Sign up
  • Contents
    • Single icons
    • Alternate syntax
    • Stacked icons
    • Using icons inside text
  • en
    • en - English

Syntax

Syntax

  • Typography
  • Links
  • Lists
  • Files (media)
  • No formatting
  • Alerts
  • Boxes (Panels)
  • Special characters
  • Emojis
  • Labels
  • FontAwesome icons
  • Acronyms
  • Code
  • Console output
  • Graphs
  • Math formulas
  • Page index
  • Collapsible elements
  • Footnotes
  • Common attributes

Contents

Contents

  • Home page
  • Wiki 101
  • Creating content
  • Syntax reference
  • Managing your wiki

FontAwesome icons

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:

<fa check>

<fa check 2x>

<fa refresh spin lg>

Alternate syntax

The following alternate syntax is supported:

Use fa- prefix in front of all attributes.

<fa fa-quote-left fa-border>

Use closing tag </fa>

<fa fa-quote-left fa-border></fa>

Use <faicon> tag

<faicon quote-left border>

Stacked icons

You can also include stacked icons:

<fa stack lg>
    <fa square-o stack-2x></fa>
    <fa twitter stack-1x></fa>
</fa>

 <fa stack 2x>
      <fa square-o stack-2x></fa>
      <fa twitter stack-1x></fa>
 </fa> 

<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: .

This page was modified on 28 Oct 2015 at 11:02 PM.

Source

====== 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>.
This website uses cookies to ensure you get the best browsing experience.