/* font quark */
@font-face {
  font-family: "quark-light";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("quark light"), local("quark-light"),
    url(./../../font/quark/quark-light.otf) format("opentype");
}

@font-face {
  font-family: "quark-bold";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("quark bold"), local("quark-bold"),
    url(./../../font/quark/quark-bold.otf) format("opentype");
}
/* font quark */

/* font roboto */
@font-face {
  font-family: "roboto-black";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("roboto black"), local("roboto-black"),
    url(./../../font/roboto/roboto-black.ttf) format("truetype");
}

@font-face {
  font-family: "roboto-blackItalic";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: local("roboto blackItalic"), local("roboto-blackItalic"),
    url(./../../font/roboto/roboto-blackItalic.ttf) format("truetype");
}

@font-face {
  font-family: "roboto-bold";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("roboto bold"), local("roboto-bold"),
    url(./../../font/roboto/roboto-bold.ttf) format("truetype");
}

@font-face {
  font-family: "roboto-boldItalic";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local("roboto boldItalic"), local("roboto-boldItalic"),
    url(./../../font/roboto/roboto-boldItalic.ttf) format("truetype");
}

@font-face {
  font-family: "roboto-italic";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: local("roboto italic"), local("roboto-italic"),
    url(./../../font/roboto/roboto-italic.ttf) format("truetype");
}

@font-face {
  font-family: "roboto-light";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("roboto light"), local("roboto-light"),
    url(./../../font/roboto/roboto-light.ttf) format("truetype");
}

@font-face {
  font-family: "roboto-lightItalic";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: local("roboto lightItalic"), local("roboto-lightItalic"),
    url(./../../font/roboto/roboto-lightItalic.ttf) format("truetype");
}

@font-face {
  font-family: "roboto-medium";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("roboto medium"), local("roboto-medium"),
    url(./../../font/roboto/roboto-medium.ttf) format("truetype");
}

@font-face {
  font-family: "roboto-mediumItalic";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: local("roboto mediumItalic"), local("roboto-mediumItalic"),
    url(./../../font/roboto/roboto-mediumItalic.ttf) format("truetype");
}

@font-face {
  font-family: "roboto-regular";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("roboto regular"), local("roboto-regular"),
    url(./../../font/roboto/roboto-regular.ttf) format("truetype");
}

@font-face {
  font-family: "roboto-thin";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("roboto thin"), local("roboto-thin"),
    url(./../../font/roboto/roboto-thin.ttf) format("truetype");
}

@font-face {
  font-family: "roboto-thinItalic";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: local("roboto thinItalic"), local("roboto-thinItalic"),
    url(./../../font/roboto/roboto-thinItalic.ttf) format("truetype");
}
/* font roboto */

/* font kanit */
@font-face {
  font-family: "kanit-black";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("kanit black"), local("kanit-black"),
    url(./../../font/kanit/kanit-black.ttf) format("truetype");
}

@font-face {
  font-family: "kanit-black-italic";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local("kanit black italic"), local("kanit-black-italic"),
    url(./../../font/kanit/kanit-black-italic.ttf) format("truetype");
}

@font-face {
  font-family: "kanit-bold";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("kanit bold"), local("kanit-bold"),
    url(./../../font/kanit/kanit-bold.ttf) format("truetype");
}

@font-face {
  font-family: "kanit-bold-italic";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local("kanit bold italic"), local("kanit-bold-italic"),
    url(./../../font/kanit/kanit-bold-italic.ttf) format("truetype");
}

@font-face {
  font-family: "kanit-extra-bold";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local("kanit extra bold"), local("kanit-extra-bold"),
    url(./../../font/kanit/kanit-extra-bold.ttf) format("truetype");
}

@font-face {
  font-family: "kanit-extra-bold-italic";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: local("kanit extra bold italic"), local("kanit-extra-bold-italic"),
    url(./../../font/kanit/kanit-extra-bold-italic.ttf) format("truetype");
}

@font-face {
  font-family: "kanit-extra-light";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: local("kanit extra light"), local("kanit-extra-light"),
    url(./../../font/kanit/kanit-extra-light.ttf) format("truetype");
}

@font-face {
  font-family: "kanit-extra-light-italic";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: local("kanit extra light italic"), local("kanit-extra-light-italic"),
    url(./../../font/kanit/kanit-extra-light-italic.ttf) format("truetype");
}

@font-face {
  font-family: "kanit-italic";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local("kanit italic"), local("kanit-italic"),
    url(./../../font/kanit/kanit-italic.ttf) format("truetype");
}

@font-face {
  font-family: "kanit-light";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: local("kanit light"), local("kanit-light"),
    url(./../../font/kanit/kanit-light.ttf) format("truetype");
}

@font-face {
  font-family: "kanit-light-italic";
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: local("kanit light italic"), local("kanit-light-italic"),
    url(./../../font/kanit/kanit-light-italic.ttf) format("truetype");
}

@font-face {
  font-family: "kanit-medium";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("kanit medium"), local("kanit-medium"),
    url(./../../font/kanit/kanit-medium.ttf) format("truetype");
}

/* Targeting Safari specifically */
@media not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance: none) {
      @font-face {
        font-family: "kanit-medium";
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: local("kanit medium"), local("kanit-medium"),
          url(./../../font/kanit/kanit-medium.ttf) format("truetype");
      }
    }
}


@font-face {
  font-family: "kanit-medium-italic";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: local("kanit medium italic"), local("kanit-medium-italic"),
    url(./../../font/kanit/kanit-medium-italic.ttf) format("truetype");
}

@font-face {
  font-family: "kanit-regular";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("kanit regular"), local("kanit-regular"),
    url(./../../font/kanit/kanit-regular.ttf) format("truetype");
}

@font-face {
  font-family: "kanit-semi-bold";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local("kanit semi bold"), local("kanit-semi-bold"),
    url(./../../font/kanit/kanit-semi-bold.ttf) format("truetype");
}

@font-face {
  font-family: "kanit-semi-bold-italic";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: local("kanit semi bold italic"), local("kanit-semi-bold-italic"),
    url(./../../font/kanit/kanit-semi-bold-italic.ttf) format("truetype");
}

@font-face {
  font-family: "kanit-thin";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("kanit thin"), local("kanit-thin"),
    url(./../../font/kanit/kanit-thin.ttf) format("truetype");
}

@font-face {
  font-family: "kanit-thin-italic";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: local("kanit thin italic"), local("kanit-thin-italic"),
    url(./../../font/kanit/kanit-thin-italic.ttf) format("truetype");
}
/* font kanit */