Skip to content

How to use

  • Create a new Preset (optional if you use the default preset)
  • Create a new field based on the Iconfont fieldtype.
  • Create the entry and select an icon from the dropdown.
  • After saving the entry, hence over to your HTML and use your entry variable to place the class name.

Note: you need to include your Fonts and CSS by your self. (*)The fieldtype will only place the name of the class, that's all.

(*this is because most of the websites already include the fonts in the main style)

Template Example (fontawesome)

<!-- include the fontawesome lib -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/all.css" type="text/css" media="print, projection, screen" />

{exp:channel:entries channel="iconfont"}
	your icon <i class="{iconfont_field}"></i>
{/exp:channel:entries}