Appearance
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}