@font-face {
  font-family: 'Greta Arabic';
  src: url('../woff2/gretaarabic7b30.woff2') format('woff2'),
  url('../woff/gretaarabic7b30.woff') format('woff'),
  url('../ttf/gretaarabic7b30.ttf') format('truetype'),
  url('../svg/gretaarabic7b30.svg#GretaArabic-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Greta Arabic';
  src: url('../woff2/gretaarabic-light7b30.woff2') format('woff2'),
  url('../woff/gretaarabic-light7b30.woff') format('woff'),
  url('../ttf/gretaarabic-light7b30.ttf') format('truetype'),
  url('../svg/gretaarabic-light7b30.svg#GretaArabic-Light') format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Greta Arabic';
  src: url('../woff2/gretaarabic-medium7b30.woff2') format('woff2'),
  url('../woff/gretaarabic-medium7b30.woff') format('woff'),
  url('../ttf/gretaarabic-medium7b30.ttf') format('truetype'),
  url('../svg/gretaarabic-medium7b30.svg#GretaArabic-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Greta Arabic';
  src: url('../woff2/gretaarabic-bold7b30.woff2') format('woff2'),
  url('../woff/gretaarabic-bold7b30.woff') format('woff'),
  url('../ttf/gretaarabic-bold7b30.ttf') format('truetype'),
  url('../svg/gretaarabic-bold7b30.svg#GretaArabic-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}