Difference between revisions of "Joomla Standard Icomoon Fonts/it"
From Joomla! Documentation
(Created page with "== Inclusione nel proprio Template ==") |
(Created page with "Questa sezione è incompleta.") |
||
Line 242: | Line 242: | ||
== Inclusione nel proprio Template == | == Inclusione nel proprio Template == | ||
− | {{note| | + | {{note|Questa sezione è incompleta.}} |
__NOTOC__ | __NOTOC__ | ||
To include the Icomoon fonts in your template you will have to add the css stylesheet (<tt>/media/jui/css/icomoon.css</tt>) or include it in your <tt>.less</tt> file when you generate the <tt>.css</tt> stylesheet(s). | To include the Icomoon fonts in your template you will have to add the css stylesheet (<tt>/media/jui/css/icomoon.css</tt>) or include it in your <tt>.less</tt> file when you generate the <tt>.css</tt> stylesheet(s). |
Revision as of 09:55, 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).
Come utilizzarli
I font Icon possono essere richiamati con un <span class="icon-name-of-icon"> tag e uno {space}. es
<span class="icon-joomla"> </span>
Mostrerà l'icona di Joomla!:
Dimensioni del carattere
Visto che le icone sono dei caratteri, puoi controllarne la dimensione con una classe o stile. Ovviamente dovrai definire la classe nel tuo foglio di stile .css o .less.
<span class="icon-joomla large-icon"> </span> <span class="icon-joomla" style="font-size:24px;"> </span>
Questa è l'icona di Joomla! ridimensionata:
Icone Icomoon disponibili
Questa è la lista completa, inclusi i nomi alternativi per richiamare le icone. Le alternative sono separate da uno '/'.
Inclusione nel proprio 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');