How to import a font and apply it globally to your whole website

ImportFont.css

@font-face {
  font-family: "Roboto Medium";
  font-style: normal;
  font-weight: normal;
  src: url("./fonts/Roboto-Medium.eot");
  src: local(''), url("./fonts/Roboto-Medium.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
  url("./fonts/Roboto-Medium.woff") format("woff"), /* Modern Browsers */
  url("./fonts/Roboto-Medium.ttf") format("truetype"), /* Safari, Android, iOS */
  url("./fonts/Roboto-Medium.svg#Roboto-Medium") format("svg");
  /* Legacy iOS */
}

body {
  font-family: 'Roboto' !important;
}