Connecting custom web fonts

It is necessary to add custom fonts to the project, specifying their names and sets of styles (normal, bold, italic, and bold italic). To do this, you should use the @font-face rule and list the paths to files in different formats.

Front tranity name -> 'some awesome web font'
Front variants: regular, bold, regular italic, bold italic

@font-face {

    src: url('.woff');
    src: url('.woff2') format("woff2")
    url('.woff') format("woff");
    url('.svg') format("svg");
    url('.ttf') format("truetype");