Adding and removing fonts

The Font Family list contains the following font families by default : Andale Mono, Arial, Arial Black, Book Antiqua, Comic Sans MS, Courier New, Georgia, Helvetica, Impact, Symbol, Tahoma, Terminal, Times New Roman, Trebuchet MS, Verdana, Webdings, Wingdings

Adding a new Font Famliy

  1. In the Editor Profiles list, click the name of the profile you want to edit
  2. Click on the Plugin Parameters tab, then on the Font Family Select tab.
  3. Scroll down to the Add New Font field, and click on the + to add a new font:
    add new font
  4. Type in the new font family name in the left textbox, and the font list in the the right textbox:
    add new font entry
  5. If you are adding a font family that is not natively supported by all browsers, eg: a Google Font, you must also include the necessary css to load the font into your template stylesheet. See Adding a Web Font

  6. Click Save.

Removing a Font Family

You can remove a font family you have added by clicking the delete icon x next to the entry.

add new font delete

To remove one of the default font families:

  1. In the Editor Profiles list, click the name of the profile you want to edit
  2. Click on the Plugin Parameters tab, then on the Font Family Select tab.
  3. Uncheck the Font Family to remove.
    font remove default
  4. Click Save.

Adding a Web Font

  1. To add a Web Font, such as a Google Web Font, follow steps 1 to 4 of the Adding a new Font Family instructions above.
  2. Add the @import or @font-face rules to your template stylesheet if necessary, eg:

    @import url(http://fonts.googleapis.com/css?family=Wendy+One);
    @import url(http://fonts.googleapis.com/css?family=Donegal+One);

Any css rules added to your template stylesheet must also be added to your custom editor.css file if you have created one.