@font-face {
  font-family: 'Roboto';
  src: url('https://mdbcdn.b-cdn.net/wp-content/themes/mdbootstrap4/docs-app/font/roboto-subset/Roboto-Regular-subset.ttf');
}
@font-face {
  font-family: 'Roboto';
  src: url('https://mdbcdn.b-cdn.net/wp-content/themes/mdbootstrap4/docs-app/font/roboto-subset/Roboto-Light-subset.ttf');
  font-weight: 300;
}
@font-face {
  font-family: 'Roboto';
  src: url('https://mdbcdn.b-cdn.net/wp-content/themes/mdbootstrap4/docs-app/font/roboto-subset/Roboto-Medium-subset.ttf');
  font-weight: 500;
}
@font-face {
  font-family: 'Roboto';
  src: url('https://mdbcdn.b-cdn.net/wp-content/themes/mdbootstrap4/docs-app/font/roboto-subset/Roboto-Bold-subset.ttf');
  font-weight: 700;
}
@font-face {
  font-family: 'Roboto';
  src: url('https://mdbcdn.b-cdn.net/wp-content/themes/mdbootstrap4/docs-app/font/roboto-subset/Roboto-Black-subset.ttf');
  font-weight: 900;
}