just wanted to share some info..
Joomla 3 is using icoMoon to display icons and it the back it's not a big problem to use the tags and get the needed images. But if the front is missing the link in the code then it won't work and it will display other code then expected.
Had some problems with the sort icon but finally noticed how to deal with it.
An usefull link
we can make a reference in the view to an existing css with the needed fonts. like:
Code:
JHtml::_('stylesheet', 'jui/icomoon.css', array(), true);
but that can mess up other icons in the front, so better to add it in the template.
in the css it needs code like
Code:
@font-face {
font-family: 'IcoMoon';
src: url('../fonts/IcoMoon.eot');
src: url('../fonts/IcoMoon.eot?#iefix') format('embedded-opentype'),
url('../fonts/IcoMoon.svg#IcoMoon') format('svg'),
url('../fonts/IcoMoon.woff') format('woff'),
url('../fonts/IcoMoon.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
.icon-arrow-down-3:before {
content: "<";
}
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: 'IcoMoon';
font-style: normal;
}
as you see it is referring to a font type and the font needs to be in a folder. we can even point to already existing fonts. like the ones in the jui folder.
in the php page it can be called like
Code:
<i class="icon-arrow-down-3"></i>
