Introduction

The Font Manager can be found in the module manager, and helps you to find the most suitable font settings to your site in a very user-friendly interface. In the following you will be able to learn more all the settings what you can do it with it.

Font Manager

Where can it found?

In the Vertical Dropmenu the font manager can be found in the module manager, where you can see the following image in the parameters list:

Font Manager Button

Parameters

Mode Select

On the top right corner you can see the actually edited element with green background. If there is more than one button here means, that this element has more states, like links, where there is also hover and active state next to the normal one. All of the settings what you set in the first tab will apply to the other fields, but if you modify something on the other fields, it will be only refer to the selected state.

Type

You can set the Font type here, like Latin, Cyrillic, Greek, and so on...

Family

After selected the type, you need to set a family. We are using Google Fonts to give you the most wider supply of the fonts.

Size

Size of the text. You can set the size in pixels, or in em.

Color

Color of the text. Click on the picker button to open the color chooser, or simply write the hex code of your favourite color.

Decoration

You can use text decorations, like Bold, Italic or Underline.

Align

You can set how you would like to align the text. The chooseable options are: left, center or right.

Alternative font

The font types are not limited, so you can also use a custom font, if you would like. Just select the Alternative fonts for the Type, write your font's name into this input box, and switch on the switcher.

Text Shadow

Text-shadow is a CSS3 property. It means that a shadow will attach to the text. There are 4 parameters for it. With the first 2 you can positioning the shadow by pixels. With the third parameter you can set the blur distance of the shadow also in pixels. The last parameter is the color of the shadow. If you would like to use it, you need to set on the switcher.

Line height

Set the line-height css options here.