@font-face {
  font-family: "Fabric Sans Web Regular";
  src: url("FabricSansWeb-Regular.woff2") format("woff2"),
    url("FabricSansWeb-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Fabric Sans Web Regular";
  src: url("FabricSansWeb-RegularItalic.woff2") format("woff2"),
    url("FabricSansWeb-RegularItalic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "Fabric Sans Web Medium";
  src: url("FabricSansWeb-Medium.woff2") format("woff2"),
    url("FabricSansWeb-Medium.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Fabric Sans Web Medium";
  src: url("FabricSansWeb-MediumItalic.woff2") format("woff2"),
    url("FabricSansWeb-MediumItalic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "Fabric Sans Web Bold";
  src: url("FabricSansWeb-Bold.woff2") format("woff2"),
    url("FabricSansWeb-Bold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Fabric Sans Web Bold";
  src: url("FabricSansWeb-BoldItalic.woff2") format("woff2"),
    url("FabricSansWeb-BoldItalic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "Fabric Sans Web Black";
  src: url("FabricSansWeb-Black.woff2") format("woff2"),
    url("FabricSansWeb-Black.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Fabric Sans Web Black";
  src: url("FabricSansWeb-BlackItalic.woff2") format("woff2"),
    url("FabricSansWeb-BlackItalic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
}