Open the Font Converter Dialog. You can convert a TTF/OTF font to these font formats WOFF2, WOFF and EOT. The TTF/OTF font must be in your website for the converter to do the conversion. After the conversion, the TTF/OTF font together with the converted fonts will be added automatically to the font URLs below.
Select font files. A maximum of four formats (woff2, woff, ttf/otf, eof) can be added. They should be the same font but in different formats. If a TTF/OTF font is selected, the font attributes below will be filled automatically if they can be obtained from the font file. As not all attributes are available in the font file, be sure to check whether the automatically filled values are correct.
Select the generic type of the font. For example, "Open Sans" is a sans-serif font, then select "sans-serif" from the drop down menu. It is used as a fallback font. When the external font is not yet available like when it is still loading, the browser will use the sans-serif font as defined by the system to render the text.
Click on this button to add the font face. A font family, for example "Open Sans, sans-serif", will also be added to the drop down menu for selecting this font family as shown below.