How to add new font to TinyMCE

General questions relating to Joomla! 1.5 There are other boards for more specific help on Joomla! features and extensions.

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.
Locked
Kurt123
Joomla! Intern
Joomla! Intern
Posts: 68
Joined: Wed Oct 10, 2007 10:29 pm

How to add new font to TinyMCE

Post by Kurt123 » Tue Jun 24, 2008 6:02 pm

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

Kurt123
Joomla! Intern
Joomla! Intern
Posts: 68
Joined: Wed Oct 10, 2007 10:29 pm

Re: How to add new font to TinyMCE

Post by Kurt123 » Mon Jun 30, 2008 11:20 pm

Anyone?

Abycats312
Joomla! Apprentice
Joomla! Apprentice
Posts: 14
Joined: Tue Mar 31, 2009 4:35 pm

Re: How to add new font to TinyMCE

Post by Abycats312 » Sat May 02, 2009 8:10 pm

I too have had this question. After loads of digging, I found the fix. It's actually quite simple. :pop

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! 8)

Cynthia

hemn
Joomla! Apprentice
Joomla! Apprentice
Posts: 6
Joined: Sat Feb 12, 2011 1:46 am

Re: How to add new font to TinyMCE

Post by hemn » Tue Jul 19, 2011 7:05 am

Abycats312 wrote:I too have had this question. After loads of digging, I found the fix. It's actually quite simple. :pop

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! 8)

Cynthia
Thanks a lot it worked fine.

4wtech
Joomla! Fledgling
Joomla! Fledgling
Posts: 2
Joined: Fri Jul 15, 2011 10:23 am
Contact:

Re: How to add new font to TinyMCE

Post by 4wtech » Fri Jul 22, 2011 6:09 am

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!!!!

User avatar
kiasati
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 164
Joined: Thu May 26, 2016 6:08 am
Contact:

Re: How to add new font to TinyMCE

Post by kiasati » Thu May 26, 2016 8:24 am

hi

how to add new font to tinymce in joomla 3.4??
there is no folder such plugins/editors/tinymce/jscripts/

User avatar
ribo
Joomla! Virtuoso
Joomla! Virtuoso
Posts: 3377
Joined: Sun Jan 03, 2010 8:47 pm
Contact:

Re: How to add new font to TinyMCE

Post by ribo » Thu May 26, 2016 10:49 am

kiasati wrote:hi

how to add new font to tinymce in joomla 3.4??
there is no folder such plugins/editors/tinymce/jscripts/
Check this solution http://joomla.stackexchange.com/questio ... to-tinymce
chat room spontes : http://www.spontes.com

User avatar
ribo
Joomla! Virtuoso
Joomla! Virtuoso
Posts: 3377
Joined: Sun Jan 03, 2010 8:47 pm
Contact:

Re: How to add new font to TinyMCE

Post by ribo » Thu May 26, 2016 10:51 am

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


Locked

Return to “General Questions/New to Joomla! 1.5”