Support » Developing with WordPress » Inserting Custom font family to visual editor

  • What I have to do to use different types of fonts and sizes in visual ?
    and also help me to what are the ways to apply different types formats to visual editor text

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hello, you can try this plugin

    It is not working in wordpress 4.7.3 version?
    How to resolve it?

    Moderator bcworkz


    You need an editor stylesheet. Editor stylesheets are a theme function. When adding custom code to a published theme, you should do so with a child theme. If your theme has an editor style sheet already, it was likely added with add_editor_style(). If you create a similar stylesheet for your child theme, accessed through the same relative path, that function will automatically include the child stylesheet along with the parent’s.

    Thus you specify the desired font family just as is done in the front end stylesheet. Refer to your theme’s editor-style.css for typical CSS selectors to use. In most cases, you mainly use tag name selectors like body, h1, ul, li, etc. The main editor content area is .mce-content-body.

    As you may be aware, do not style elements by using element styles, as in <title style="font-family: Foobar;">. Assign a class and style that class in your editor-style.css file. <title class="foobar">

    editor-style.css — as always, provide a fallback stack in case there is a problem loading your preferred font:
    .foobar { font-family: Foobar, Merriweather, Georgia, serif; }

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Inserting Custom font family to visual editor’ is closed to new replies.