Fonticons - can I add my own icon font? From Icomoon?

Fonticons - can I add my own icon font? I have very specific needs and created a collection of icons in the Icomoon app. Is there a way to put them in place of the three existing fonts? The html they generate doesn't come out the same as the html in the Fonticons plugin - I'm sure I could spend hours searching and replacing a line at a time, but really hoping there's an easier way.

Please help!
10 years 7 months ago #1 by Pamela D Hughes

Please Log in or Create an account to join the conversation.

  • Posted by TemplatePlazza (5310) Offline
Hi, Isn't icomoon already included in the plugin?
10 years 7 months ago #2 by TemplatePlazza

Please Log in or Create an account to join the conversation.

yes, their icons are in there, but I specifically have icons that I created in illustrator, created the font with their app, and would like to substitute custom icons for clients rather than use the ones provided.
10 years 7 months ago #3 by Pamela D Hughes

Please Log in or Create an account to join the conversation.

  • Posted by TemplatePlazza (5310) Offline
Hi, it will need a quite a lot modifications. I haven't tested it yet but basically you need to perform these actions :
1. Copy your fonts file to this folder
[root]/plugins/editors-xtd/fonticons/assets/fonts
2.Duplicate file [root]/plugins/editors-xtd/fonticons/assets/css/editor-icomoon.css then rename it to editor-your_new_font.css , then modify the content to suit your new font.
3.Duplicate file [root]/deal/plugins/editors-xtd/fonticons/icomoon.html then rename it to your-new-font.html, then modify the content to suit your new font.
4. Open this file [root]/deal/plugins/editors-xtd/fonticons/fonticons.php then find this code
if ( $pluginParams->get('icomoon') ){
			$link = '../plugins/editors-xtd/fonticons/icomoon.html';
		} elseif( $pluginParams->get('fontawesome') ) {
			$link = '../plugins/editors-xtd/fonticons/fontawesome.html';
		} elseif( $pluginParams->get('entypo') ) {
			$link = '../plugins/editors-xtd/fonticons/entypo.html';
		}

change that with
if ( $pluginParams->get('icomoon') ){
			$link = '../plugins/editors-xtd/fonticons/icomoon.html';
		} elseif( $pluginParams->get('fontawesome') ) {
			$link = '../plugins/editors-xtd/fonticons/fontawesome.html';
		} elseif( $pluginParams->get('entypo') ) {
			$link = '../plugins/editors-xtd/fonticons/entypo.html';
		} elseif( $pluginParams->get('your-new-font') ) {
			$link = '../plugins/editors-xtd/fonticons/your-new-font.html';
		}
5.Then open this file [root]/plugins/content/fonticons/fonticons.xml and add this code
<field name="entypo" type="radio"
	default="1"
	description="Enable Entypo font"
	label="PLG_CONTENT_FONTICONS_ENTYPO_IMG_DESC"
>
	<option value="0">JNo</option>
	<option value="1">JYes</option>
</field>
after the code
<field type="spacer" name="spaceretdesc" label="PLG_CONTENT_FONTICONS_ENTYPO_DESC" />

Good luck
10 years 7 months ago #4 by TemplatePlazza

Please Log in or Create an account to join the conversation.

Powered by Kunena Forum