@font-face {
  /* the download method of fonts*/
  font-family: 'robotomedium';
  src: url('../fonts/Roboto-Medium-webfont.woff');
  src: url('../fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Roboto-Medium-webfont.woff2') format('woff2'),
       url('../fonts/Roboto-Medium-webfont.woff') format('woff'),
       url('../fonts/Roboto-Medium-webfont.ttf') format('truetype'),
       url('../fonts/Roboto-Medium-webfont.svg#robotomedium') format('svg');
  font-weight: normal;
  font-style: normal;
}

h1{
  font-family: 'Fredericka the Great', cursive;
  text-align: center;
}

p, a{
  font-family: 'robotomedium';
}