@font-face {
  font-family: 'SF';
  src: url(/assets/font/SF-webfont/SanFranciscoDisplay-Regular.woff2) format('woff2'), url(/assets/font/SF-webfont/SanFranciscoDisplay-Regular.woff) format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'SF';
  src: url(/assets/font/SF-webfont/SanFranciscoText-RegularItalic.woff2) format('woff2'), url(/assets/font/SF-webfont/SanFranciscoText-RegularItalic.woff) format('woff');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'SF';
  src: url(/assets/font/SF-webfont/SanFranciscoDisplay-Bold.woff2) format('woff2'), url(/assets/font/SF-webfont/SanFranciscoDisplay-Bold.woff) format('woff');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'SF';
  src: url(/assets/font/SF-webfont/SanFranciscoDisplay-BoldItalic.woff2) format('woff2'), url(/assets/font/SF-webfont/SanFranciscoDisplay-BoldItalic.woff) format('woff');
  font-weight: 700;
  font-style: italic;
}