@font-face {
  font-family: akrobat;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("https://img.creative.com/fonts/Akrobat-Regular.eot");
  src: url("https://img.creative.com/fonts/Akrobat-Regular.eot?#iefix") format("embedded-opentype"),
    url("https://img.creative.com/fonts/Akrobat-Regular.woff2") format("woff2"),
    url("https://img.creative.com/fonts/Akrobat-Regular.woff") format("woff"),
    url("https://img.creative.com/fonts/Akrobat-Regular.ttf") format("truetype");
}

@font-face {
  font-family: akrobat;
  font-weight: 700;
  font-style: bold;
  font-display: swap;
  src: url("https://img.creative.com/fonts/Akrobat-Bold.eot");
  src: url("https://img.creative.com/fonts/Akrobat-Bold.eot?#iefix") format("embedded-opentype"),
    url("https://img.creative.com/fonts/Akrobat-Bold.woff2") format("woff2"),
    url("https://img.creative.com/fonts/Akrobat-Bold.woff") format("woff"),
    url("https://img.creative.com/fonts/Akrobat-Bold.ttf") format("truetype");
}

@font-face {
  font-family: akrobat;
  font-weight: 800;
  font-style: bold;
  font-display: swap;
  src: url("https://img.creative.com/fonts/Akrobat-ExtraBold.eot");
  src: url("https://img.creative.com/fonts/Akrobat-ExtraBold.eot?#iefix") format("embedded-opentype"),
    url("https://img.creative.com/fonts/Akrobat-ExtraBold.woff2") format("woff2"),
    url("https://img.creative.com/fonts/Akrobat-ExtraBold.woff") format("woff"),
    url("https://img.creative.com/fonts/Akrobat-ExtraBold.ttf") format("truetype");
}