How to add new font to TinyMCE
Moderator: General Support Moderators
Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting.
Forum Post Assistant - If you are serious about wanting help, you should use this tool to help you post.
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting.
Forum Post Assistant - If you are serious about wanting help, you should use this tool to help you post.
-
- Joomla! Intern
- Posts: 68
- Joined: Wed Oct 10, 2007 10:29 pm
How to add new font to TinyMCE
I'm using Joomla 1.5 in Legacy mode with the default editor, TinyMCE 2.0.
How I can add a new font to the list of fonts available in the font family dropdown menu of the TinyMCE editor? I would like to add Calibri, the new default font shipping with Office 2007, in use at Lifehacker.com, etc. It's such a great looking font.
Any ideas? I found this post about how to add a button to easily change the font size (http://forum.joomla.org/viewtopic.php?f ... +#p1217772), but it had nothing about adding new fonts to the existing list.
Thank you!
Kurt
How I can add a new font to the list of fonts available in the font family dropdown menu of the TinyMCE editor? I would like to add Calibri, the new default font shipping with Office 2007, in use at Lifehacker.com, etc. It's such a great looking font.
Any ideas? I found this post about how to add a button to easily change the font size (http://forum.joomla.org/viewtopic.php?f ... +#p1217772), but it had nothing about adding new fonts to the existing list.
Thank you!
Kurt
-
- Joomla! Intern
- Posts: 68
- Joined: Wed Oct 10, 2007 10:29 pm
-
- Joomla! Apprentice
- Posts: 14
- Joined: Tue Mar 31, 2009 4:35 pm
Re: How to add new font to TinyMCE
I too have had this question. After loads of digging, I found the fix. It's actually quite simple.
On your hard drive, go to your joomla file, then, plugins/editors/tinymce/jscripts/tiny_mce/themes/advanced/editor_template.js
(I had to open my .js file with notepad. The default MS script reader kept giving me errors. so, to do this, right click and choose "open with". Browse programs if necessary.)
In the .js file, look for the listing of fonts. Add what you'd like. I mimicked the way the other fonts were displayed. I.E., I typed the name with capitals, then the =, then typed the name with lower case.
Save your changes and the font will show up in the drop down menu in tinymce!
Cynthia
On your hard drive, go to your joomla file, then, plugins/editors/tinymce/jscripts/tiny_mce/themes/advanced/editor_template.js
(I had to open my .js file with notepad. The default MS script reader kept giving me errors. so, to do this, right click and choose "open with". Browse programs if necessary.)
In the .js file, look for the listing of fonts. Add what you'd like. I mimicked the way the other fonts were displayed. I.E., I typed the name with capitals, then the =, then typed the name with lower case.
Save your changes and the font will show up in the drop down menu in tinymce!
Cynthia
-
- Joomla! Apprentice
- Posts: 6
- Joined: Sat Feb 12, 2011 1:46 am
Re: How to add new font to TinyMCE
Thanks a lot it worked fine.Abycats312 wrote:I too have had this question. After loads of digging, I found the fix. It's actually quite simple.
On your hard drive, go to your joomla file, then, plugins/editors/tinymce/jscripts/tiny_mce/themes/advanced/editor_template.js
(I had to open my .js file with notepad. The default MS script reader kept giving me errors. so, to do this, right click and choose "open with". Browse programs if necessary.)
In the .js file, look for the listing of fonts. Add what you'd like. I mimicked the way the other fonts were displayed. I.E., I typed the name with capitals, then the =, then typed the name with lower case.
Save your changes and the font will show up in the drop down menu in tinymce!
Cynthia
-
- Joomla! Fledgling
- Posts: 2
- Joined: Fri Jul 15, 2011 10:23 am
- Contact:
Re: How to add new font to TinyMCE
Hi,
You can try this free component Phoca font component for changing your font for front end. Get from this link :
http://www.phoca.cz/download/category/3 ... -component
The following [youtube] link will help you in reference for this:
http://www.[youtube].com/watch?v=GitMYY7CwrM
Hope this helps!!!!
You can try this free component Phoca font component for changing your font for front end. Get from this link :
http://www.phoca.cz/download/category/3 ... -component
The following [youtube] link will help you in reference for this:
http://www.[youtube].com/watch?v=GitMYY7CwrM
Hope this helps!!!!
- kiasati
- Joomla! Enthusiast
- Posts: 164
- Joined: Thu May 26, 2016 6:08 am
- Contact:
Re: How to add new font to TinyMCE
hi
how to add new font to tinymce in joomla 3.4??
there is no folder such plugins/editors/tinymce/jscripts/
how to add new font to tinymce in joomla 3.4??
there is no folder such plugins/editors/tinymce/jscripts/
- ribo
- Joomla! Virtuoso
- Posts: 3507
- Joined: Sun Jan 03, 2010 8:47 pm
- Contact:
Re: How to add new font to TinyMCE
Check this solution http://joomla.stackexchange.com/questio ... to-tinymcekiasati wrote:hi
how to add new font to tinymce in joomla 3.4??
there is no folder such plugins/editors/tinymce/jscripts/
chat room spontes : http://www.spontes.com
- ribo
- Joomla! Virtuoso
- Posts: 3507
- Joined: Sun Jan 03, 2010 8:47 pm
- Contact:
Re: How to add new font to TinyMCE
Also another solution without change any file is to use jce editor http://forum.joomla.org/viewtopic.php?t=704385#p2770006
chat room spontes : http://www.spontes.com