@font-face {
     font-family: 'Berkeley Mono';
     src: url('font-files/BerkeleyMono-Regular.woff2') format('woff2'),
         url('font-files//BerkeleyMono-Regular.woff') format('woff');
     font-weight: normal;
     font-style: normal;
 }

 @font-face {
     font-family: 'Berkeley Mono';
     src: url('font-files//BerkeleyMono-Bold.woff2') format('woff2'),
         url('font-files//BerkeleyMono-Bold.woff') format('woff');
     font-weight: bold;
     font-style: normal;
 }

 @font-face {
     font-family: 'Berkeley Mono';
     src: url('font-files//BerkeleyMono-Italic.woff2') format('woff2'),
         url('font-files//BerkeleyMono-Italic.woff') format('woff');
     font-weight: normal;
     font-style: italic;
 }

 @font-face {
     font-family: 'Berkeley Mono';
     src: url('font-files//BerkeleyMono-BoldItalic.woff2') format('woff2'),
         url('font-files//BerkeleyMono-BoldItalic.woff') format('woff');
     font-weight: bold;
     font-style: italic;
 }