• Hi,

    Does anyone know how to change/set the default font of TinyMCE Advanced? It’s currently “Georgia” and I want to change it to “Arial”.

    • This topic was modified 6 years, 11 months ago by dzung.
Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter dzung

    (@bluesharp)

    TinyMCE team, can you please help me?

    @dzung Did you get/find the solution? If no, i’ll share “mine”.
    Regards.

    Ditto on this question for me. I haven’t found an easy way to change default font to Arial or something besides Georgia. Every I paste text in from another source like Word with formatting it changes the font to Georgia.

    The problem is you are asking TinyMCE to basically fix Word’s default behavior. You should fix your Word document. Find styles under format menu. Click on all styles. Click on Normal and click modify. Then change the font to Arial. Do the same for the style Normal (Web).

    If no one has altered the heading styles, Arial will be the default for these as well. If not, you will have to modify the heading styles manually, just by clicking on heading1, modify, change font to Arial, heading2, modify, change font to Arial, and so on.

    @markus92780

    I haven’t found an easy way to change default font to Arial

    sorry for this late reply.
    No direct modifications to the plug-ing itself :
    – 1) add a new css file, called it whatever you want, like “tinymce_custom_editor.css” for example, upload it to the folder “css” in your theme -> [wp-content/themes/YOUR-THEME/css/]

    – 2) add a new function in your theme “function.php” file

    Details :
    1) CSS ↓
     Make a file “tinymce_custom_editor.css” with following code ↓, then add it to folder [wp-content/themes/grandblog/css]
    ————————-
    body#tinymce.wp-editor {
    font-family: Arial, Helvetica, sans-serif !important;
    }
    ————————-

    2) function.php
    Add following new function to call previously uploaded css file “tinymce_custom_editor.css” in [wp-content/themes/YOUR-THEME/functions.php] ↓
    ————————-
    function my_theme_add_editor_styles() {
        add_editor_style( ‘css/tinymce_custom_editor.css’ );
    }
    add_action( ‘after_setup_theme’, ‘my_theme_add_editor_styles’ );
    ————————-

    Hope the best is better.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How do I change default font?’ is closed to new replies.