You can find the Font Manager setting under the Theme parameters. As its name says, all of the font-related settings can be find here. With this you are able to change the menu title style, or the menu-items design by levels.

With our improved font selector, you can set these font-related settings:

  • Font type
  • Font family
  • Size
  • Color
  • Weight
  • Decoration
  • Alignment
  • Alternative font
  • Text shadow
  • Line height - this will set also the height of the title

Font manager

The Type parameter related to the font-set of your language. Usually the Latin or Latin-Extended sets are cover the most of the characters, but you can specify it even if you have a Greek, Arabic, Hebrew or any other special character set. Here you can also choose the Alternative fonts value. This option is enable to use your predefined font-family for the current item. Another parameter is connected to this setting, which is called the Alternative font, and you can find its description later.

Family is a dynamic select box, which content's depends on the previous parameter selected value. Here you can select the available Google Fonts from the list. Every change you made on the settings will immediatelly visible in the preview.

Size is a simple parameter for defining the size of the font. You can select that the value will in px or em.

Color parameter is responsible for the color of the text. You can select a color from the color picker, or just write a value in hex format.

Weight is related for the font-weight CSS property. This is also a dynamic parameter, because not all the weights are available for each font family.

With Decoration option you can set whether your text will be italic, or underlined.

Align parameter is equal to text-align CSS property. It has 3 value here, left, center and right. It will align the text in its container with the selected mode.

Alternative Font parameter is setting as it was previously mentioned in connection with the Family parameter. This can be use, if you have a predefined font e.g. in your template, and you would like that the menu items will fit to the other elements. Another purpose can be that if you don't like to use Google Fonts, just the default font families, which is available on the most computers, like Arial. To get this feature, you need to select the Alternative font as the Type. Then enter your font name into the Alternative font input field. You can set more than ones, separated by commas. Please also note, that you should put the font names between '' characters. Then put the switch next to the input field on.

In the Font manager you can also define Text shadow for the text. It has also same parameters as if you set it with CSS. First value is the horizontal position of the shadow. Negative value is allowed. Second is the vertical position. You can also set negative value there. The next one is the amount of the blur radius. 0 is the default value. With the color picker you can choose the color of the shadow. Here you can use rgba() values, so you can also modify the alpha channel to get opacity for the shadow.

Line height is also a common CSS value. Here you can define it. In case of the Title font, this value will be also set the height of the title of the menu.

If you set a link font settings, you will see a small difference than the Form Manager of the title font on the top right corner. Not just the Text tab is there, but there is Active and Hover tab as well. If you click on e.g. Active that tab will green, and the settings will refer for the active state of the menu item link, as same as the hover state. By default the settings on the Text tab will copied there, but if you change any of them that will be used.

Font manager with active and hover tab

If you changed all of the settings you would like, you just need to click on the Save button, and it will be stored. Please note, that if you just close the font manager, your changes will lost.