@font-face {
  font-family: Klavika;
  /* regular font */
  src: url(../fonts/klavika/KlavikaWebBasicRegular.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: Klavika;
  /* bold font */
  src: url(../fonts/klavika/KlavikaWebBasicBold.woff) format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: Klavika;
  /* light font */
  src: url(../fonts/klavika/KlavikaWebBasicLight.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: Klavika;
  /* italic font */
  src: url(../fonts/klavika/KlavikaWebBasicRegularItalic.woff) format("woff");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: Klavika;
  /* bolditalic font */
  src: url(../fonts/klavika/KlavikaWebBasicBoldItalic.woff) format("woff");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: Klavika;
  /* light italic font */
  src: url(../fonts/klavika/KlavikaWebBasicLightItalic.woff) format("woff");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: Klavika;
  /* medium italic font */
  src: url(../fonts/klavika/KlavikaWebBasicMediumItalic.woff) format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: Klavika;
  /* medium font */
  src: url(../fonts/klavika/KlavikaWebBasicMedium.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}