Font-face, How to connect several formats for one font at once?

Question

css

hello
there is a standard structure

@font-face 
  font-family: 'NameFonts'
  src: url('../path/to/fonts.otf')

However, here I only included the format in otf, but for this font I also have ttf, woff. How to connect those formats (needed to display in different browsers)

Answer 1

Use services to generate a set of web fonts.
They will also generate css for the correct connection.
www.fontsquirrel.com/tools/webfont-generator
https://transfonter.org/
I recommend the second one.