@font-face {
  font-family: 'Guardian Egyp';
  src: url('GuardianEgyp-Regular-Web.woff2') format('woff2'),
       url('GuardianEgyp-Regular-Web.woff') format('woff');
  font-weight:  400;
  font-style:   normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Guardian Egyp';
  src: url('GuardianEgyp-Light-Web.woff2') format('woff2'),
       url('GuardianEgyp-Light-Web.woff') format('woff');
  font-weight:  300;
  font-style:   normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Fakt';
  src: url('Fakt-Normal.woff2') format('woff2'),
  url('Fakt-Normal.woff') format('woff');
  font-weight:  400;
  font-style:   normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Fakt';
  src: url('Fakt-Medium.woff2') format('woff2'),
  url('Fakt-Medium.woff') format('woff');
  font-weight:  500;
  font-style:   normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Fakt';
  src: url('Fakt-SemiBold.woff2') format('woff2'),
  url('Fakt-SemiBold.woff') format('woff');
  font-weight:  600;
  font-style:   normal;
  font-stretch: normal;
}