/* roboto */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src:
    local('Roboto Light'),
    local('roboto light'),
    local('Roboto-Light'),
    local('roboto-light'),
    url('./roboto/roboto-300.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src:
    local('Roboto Regular'),
    local('roboto regular'),
    local('Roboto-Regular'),
    local('roboto-regular'),
    url('./roboto/roboto-400.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src:
    local('Roboto Medium'),
    local('roboto medium'),
    local('Roboto-Medium'),
    local('roboto-medium'),
    url('./roboto/roboto-500.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src:
    local('Roboto Bold'),
    local('roboto bold'),
    local('Roboto-Bold'),
    local('roboto-bold'),
    url('./roboto/roboto-700.woff2') format('woff2');
}

/* roboto-mono */
@font-face {
  font-display: swap;
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 300;
  src:
    local('Roboto Mono Light'),
    local('roboto mono light'),
    local('Roboto-Mono-Light'),
    local('roboto-mono-light'),
    url('./roboto-mono/roboto-mono-300.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  src:
    local('Roboto Mono Regular'),
    local('roboto mono regular'),
    local('Roboto-Mono-Regular'),
    local('roboto-mono-regular'),
    url('./roboto-mono/roboto-mono-400.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 500;
  src:
    local('Roboto Mono Medium'),
    local('roboto mono medium'),
    local('Roboto-Mono-Medium'),
    local('roboto-mono-medium'),
    url('./roboto-mono/roboto-mono-500.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 700;
  src:
    local('Roboto Mono Bold'),
    local('roboto mono bold'),
    local('Roboto-Mono-Bold'),
    local('roboto-mono-bold'),
    url('./roboto-mono/roboto-mono-700.woff2') format('woff2');
}