@font-face {
             font-family: 'Montserrat-Titel';
             src: url('fonts/Montserrat-VariableFont_wght.woff2') format('truetype');
             src: url('fonts/Montserrat-VariableFont_wght.woff') format('truetype');
             src: url('fonts/Montserrat-VariableFont_wght.ttf') format('truetype');
         }


         @font-face {
             font-family: 'Roboto-Text';
             src: url('fonts/Roboto-Regular.woff2') format('truetype');
             src: url('fonts/Roboto-Regular.woff') format('truetype');
             src: url('fonts/Roboto-Regular.ttf') format('truetype');
         }

         .my-custom-font {
             font-family: 'Roboto-Text', sans-serif;
             font-family: 'Montserrat-Titel', sans-serif;
         }