You need to be logged in to post in the forum - Log In

An active JCE Pro Subscription is required to post in the forum - Buy a Subscription

Support is currently Offline

Official support hours
Monday to Friday
09:00 - 17:00 Europe/London (BST)

Please create a new Ticket and we will get back to you as soon as we can.

#117821 How to change the editor font in the Edit mode?

Posted in ‘Editor’
This is a public ticket

Everybody will be able to see its contents. Do not include usernames, passwords or any other sensitive information.

Latest post by Ryan on Monday, 06 July 2026 10:12 BST

onki

Hi,

How can I change the font type in the edit window when editing text.
The current font is too small and the typos are very strange as you cannot make a difference between i and l (see attachment screenshot).

 

Attachments

Ryan

The font style and font size come from your template stylesheet.

Which template are you using?

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.

onki

Hi,

I am using the "One" Template from the Astroid Framework.
If this is a Template CSS thing what ist the CSS identifier for the Edit window font?

Thanks Onki

Ryan

There are 2 ways to solve this:

  1. Create a specific stylesheet for the editor, that imports the template stylesheets and adds an override for the font size - https://www.joomlacontenteditor.net/support/tutorials/editor/create-a-custom-editor-stylesheet
  2. Add an override to one of the Astroid Framework stylesheets, eg: - media/templates/site/astroid_template_one/css/custom.css - using an editor specific selector, eg:

    .mceContentBody * {
        font-size: 14px;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    }

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.