@font-face {
    font-family: 'Roboto';
    font-display: swap;
    src: local('Roboto'), url(https://fonts.googleapis.com/css?family=Roboto) format('woff2');
}
@font-face {
    font-family: 'Material Icons';
    font-display: swap;
    src: local('Material Icons'), url(https://fonts.googleapis.com/css?family=Roboto) format('woff2');
}

  p,h1,h2,h3,h4,h5,h6,.mdc-typography {
      font-family: Roboto;
  }

  .material-icons{
      font-family: 'Material Icons';
  }