How to change font in wysiwyg editor in wordpress

by Nikolaenko Maxim · January 8, 2013

The font is quite easy to change., you need to create a filter and use it to add a new style in the WordPress admin for the editor. Will make the editor font change like this:

add_action( 'admin_head-post.php', 'devpress_fix_html_editor_font' );
add_action( 'admin_head-post-new.php', 'devpress_fix_html_editor_font' );
function devpress_fix_html_editor_font() { ?>
<style type="text/css">#editorcontainer #content, #wp_mce_fullscreen { font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif; }</style>
<?php }

add_action( 'admin_head-post.php', 'devpress_fix_html_editor_font' );

add_action( 'admin_head-post-new.php', 'devpress_fix_html_editor_font' );

function devpress_fix_html_editor_font() { ?>

<?php }

Just add the above code to the functions.php file. Good luck with development.

Online tutoring services. List of courses I teach

Basic web design course;
Site layout;
General course on CMS WordPress and continuation of the course on template development;
Website development in PHP.