@font-face {
  font-family: 'SF';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/sf/SF-Regular.woff2') format('woff2'), url('/fonts/sf/SF-Regular.ttf') format('truetype'), url('/fonts/sf/SF-Regular.svg') format('svg');

}
@font-face {
  font-family: 'SF';
  font-style: italic;
  font-weight: 400;
  src: url('/fonts/sf/SF-Italic.woff2') format('woff2'), url('/fonts/sf/SF-Italic.ttf') format('truetype'), url('/fonts/sf/SF-Italic.svg') format('svg');
}
@font-face {
  font-family: 'SF';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/sf/SF-Bold.woff2') format('woff2'), url('/fonts/sf/SF-Bold.ttf') format('truetype'), url('/fonts/sf/SF-Bold.svg') format('svg');
}
@font-face {
  font-family: 'SF';
  font-style: italic;
  font-weight: 700;
  src: url('/fonts/sf/SF-BoldItalic.woff2') format('woff2'), url('/fonts/sf/SF-BoldItalic.ttf') format('truetype'), url('/fonts/sf/SF-BoldItalic.svg') format('svg');
}