Difference between revisions of "Joomla Standard Icomoon Fonts/it"
From Joomla! Documentation
(Created page with "J3.x: I font Icomoon Standard di Joomla") |
(Created page with "Da Joomla 3.0.0, il CMS Joomla! presenta il proprio [https://icomoon.io/ Set di Font Icomoon]. Questi fonts sono disponibili di default nei template "Protostar" (Frontend), "I...") |
||
Line 1: | Line 1: | ||
<noinclude><languages /></noinclude> | <noinclude><languages /></noinclude> | ||
{{Joomla version|version=3.0.0|time=and later}} | {{Joomla version|version=3.0.0|time=and later}} | ||
− | + | Da Joomla 3.0.0, il CMS Joomla! presenta il proprio [https://icomoon.io/ Set di Font Icomoon]. Questi fonts sono disponibili di default nei template "Protostar" (Frontend), "Isis" (Amministrazione) e "Hathor" (Amministrazione). | |
== How to Use == | == How to Use == |
Revision as of 09:49, 3 June 2016
Da Joomla 3.0.0, il CMS Joomla! presenta il proprio Set di Font Icomoon. Questi fonts sono disponibili di default nei template "Protostar" (Frontend), "Isis" (Amministrazione) e "Hathor" (Amministrazione).
How to Use
Icon fonts can be called with a <span class="icon-name-of-icon"> tag and a {space}. eg
<span class="icon-joomla"> </span>
Will show the Joomla! icon:
Font Size
Because the icons are fonts, you can control the size of them with an added class or style= statement. Of course you will have to define the class in your .css or .less stylesheet file.
<span class="icon-joomla large-icon"> </span> <span class="icon-joomla" style="font-size:24px;"> </span>
Here is the resized Joomla! icon:
Available Icomoon Icons
This is the complete list, including the alternative names to call the icon. The alternatives are separated by a '/' below.
Including in Your Template
To include the Icomoon fonts in your template you will have to add the css stylesheet (/media/jui/css/icomoon.css) or include it in your .less file when you generate the .css stylesheet(s).
$doc = JFactory::getDocument();
$doc->addStyleSheet($this->baseurl.'/media/jui/css/icomoon.css');