WordPress WYSIWYG Editor Font

2 Views

I’m looking for the stylesheet that contains the font style CSS for the WYSIWYG editor in WordPress’ admin area. Currently, in Visual editing mode, the font displays as Georgia. However, the body copy in the front end if Helvetica. My client is getting “confused” when they see the Georgia, and would rather see the copy in the WYSIWYG in Helvetica.

How can I apply new styles to the WYSIWYG editor?

Post Views: 2

Related posts

Leave a Reply

1 comment

  1. You want to use the WordPress function add_editor_style() to include another CSS file for TinyMCE (the WYSIWYG editor you’re referring to). The function takes one parameter – the name of the CSS file relative to the root directory of the current theme. For example:

    add_editor_style('css/custom-editor.css');

    You can then add CSS styles to that file, such as the following:

    * {
    font-family: 'Helvetica', 'Arial', sans-serif;
}

    Which will change the font to Helvetica, as you mention. There’s more detail here.