How To Make TinyMCE fonts bigger

The following instructions will show you how to make the fonts on your TinyMCE editor a little bigger than the default 10px. If your eyes are not as good mine, then you may need to increase the fonts to something a little bit more legible. Font sizes bigger than 12px would do.

If you are not familiar with TinyMCE, it’s a popular web-based text editor used by many web applications, CMS and blogging software. WordPress uses TinyMCE editor as well, which is the blogging software for this blog. Now, if you need to increase the size of the text in the textarea, then you will need to edit the several themes that came with TinyMCE.

I ended up editing several themes anyway because I didn’t clear the cache at first, and I kept trying different themes without seeing any changes. You will need to clear the cache in your browser to really see the desired results.

There are a total of 4 different themes in the TinyMCE folder. They are located at: tiny_mce/themes/advanced or tiny_mce/themes/simple folders. Change the font size for the textarea of the theme you are using. I found the CSS at the top of each file.

Clear your cache and reboot. You should see a much bigger font size of 12px.

Pluma Text Editor

I have been using Linux Mint 13 and Mate, a desktop environment forked from now unmaintained Gnome 2.  If you like to know more about Mate, visit the Mate Desktop’s website. Mate comes with Pluma, a text editor called based on Gedit.

Pluma is a text editor which supports most standard editor features, extending this basic functionality with other features not usually found in simple text editors. pluma is a graphical application which supports editing multiple text files in one window (known sometimes as tabs or MDI). Pluma fully supports international text through its use of the Unicode UTF-8 encoding in edited files. Its core feature set includes syntax highlighting of source code, auto indentation and printing and print preview support.