Different browsers have their own support of font formats. For example IE11 uses woff, while most others accept otf (opentype). Therefore, for fonts to look good in many browsers, you will need to connect multiple fonts at the same time.
There is an excellent service that allows you to create the required type of fonts using the other ones, for example, we can select MadelynFill font in the otf (opentype) format and generate a font for IE11 in the woff format basing on it.
1. Go to the website http://www.font2web.com/ 2. Press “Select file” (1), select the otf font 3. Click on the “Convert and “Download” picture (2), the download of the archive with all the fonts will start.
For now, we need fonts in woff and otf formats. We already have the otf format, we need the second one - woff.
In the archive, go to the fonts folder and move the woff format font to a convenient place, for example, next to the otf font.