Difference between revisions of "WordPress Classic Editor Font"
Jump to navigation
Jump to search
(Created page with "If you want a font for the WordPress Classic Editor (TinyMCE) that isn't the Georgia Font (strikingly similar to the Microsoft Times New Roman font), then do the following; *...") |
m |
||
| (One intermediate revision by the same user not shown) | |||
| Line 1: | Line 1: | ||
If you want a font for the WordPress Classic Editor (TinyMCE) that isn't the Georgia Font (strikingly similar to the Microsoft Times New Roman font), then do the following; | If you want a font for the WordPress Classic Editor (TinyMCE) that isn't the Georgia Font (strikingly similar to the Microsoft Times New Roman font), then do the following; | ||
* Create a file in the ./themes/ directory, name it anything.css (suggestion: tinymce_font.css) with the following code;<syntaxhighlight lang="text"> | *Create a file in the ./themes/ directory, name it anything.css (suggestion: tinymce_font.css) with the following code;<syntaxhighlight lang="text"> | ||
body#tinymce.wp-editor { | body#tinymce.wp-editor { | ||
font-family: Arial, Helvetica, sans-serif !important; | font-family: Arial, Helvetica, sans-serif !important; | ||
} | } | ||
</syntaxhighlight>< | </syntaxhighlight> | ||
*Then add the following code to the theme's (parent or child) functions.php file; | |||
<syntaxhighlight lang="text"> | |||
function alternate_font() | |||
{ | |||
add_editor_style( 'tinymce_font.css' ); | |||
} | |||
add_action( 'after_setup_theme', 'alternate_font' ); | |||
</syntaxhighlight>Source from: https://premium.wpmudev.org/forums/topic/make-my-default-fonts-as-arial-from-georgia-in-the-text-editor/ | |||
Latest revision as of 14:48, 6 January 2021
If you want a font for the WordPress Classic Editor (TinyMCE) that isn't the Georgia Font (strikingly similar to the Microsoft Times New Roman font), then do the following;
- Create a file in the ./themes/ directory, name it anything.css (suggestion: tinymce_font.css) with the following code;
body#tinymce.wp-editor { font-family: Arial, Helvetica, sans-serif !important; } - Then add the following code to the theme's (parent or child) functions.php file;
function alternate_font()
{
add_editor_style( 'tinymce_font.css' );
}
add_action( 'after_setup_theme', 'alternate_font' );Source from: https://premium.wpmudev.org/forums/topic/make-my-default-fonts-as-arial-from-georgia-in-the-text-editor/