Font manager
The font manager appears, when you enter any "font" setting. (For example what you see at the Heading layer, or at the Bar control.)
Font set
To manage your fonts, you will need a font set. They contain a group of your fonts. For example you can have a font set called "red", where you can store your fonts with red color. You will already see some default ones created by us, and if you click on Manage, you can rename, delete it, or add a new one.
Apply
When you click the Font button, you will see two Apply options.
Apply
If you click on the Apply button, the selected font settings will be only applied on the current text.
Apply as linked
If you click on the Apply as linked button, then your font will be saved in the Font manager, and everywhere, where you use this font with the Apply as linked button, those fonts will be linked to this font's settings; so if you change it later, this font will be changed everywhere.
Preview
In the preview you will see the changes you make, in the text view with an example text, and in the link view with your text.
Font settings
Preset
Some font families picked by us. You can change them in the Nextend Settings → Fonts.
Family
This is the font-family. Our system automatically recognizes google fonts, so you won't need any code, just write the name of your font here. You can give fallback fonts seperated by commas. For more specific google font settings go to the Nextend Settings → Fonts.
Color
The color of the text. You can choose from our color picker, or just paste a hex color, and it will change to our color code.
Size
The size of your font. If you use percentage, 100% will be 16px.
Line height
The line height of your text.
Decoration
The text-decoration of your text.
Text align
The text-align of your text.
Text shadow
The text-shadow of your text.
Extra CSS
If you can't find an option to style something in your font, you can write the css code here.
font-weight:700;
Empty font
If you want your font to come from your theme/template, you have the option not to style the fonts, just click on the x button, and you will see the word Empty there. In this case, the font will have inherit for every css style, which means that the font applied to the parent element, where you put your slider, will be used for this font too.
Font size
Defaultly the sliders' fonts will have the size, what you give them in the Font manager, they will get smaller with the slider's width, and the minimum font size will be 4px. If you change to view, you will see that 4px minimum font size, and you can change it. If you want to make your fonts more responsive, you can also make them change based on the Advanced responsivity.