@font-face {
  font-family: ChakraPetch-Bold;
  src: url(ChakraPetch-Bold.ttf);
}
@font-face {
  font-family: ChakraPetch-BoldItalic;
  src: url(ChakraPetch-BoldItalic.ttf);
}
@font-face {
  font-family: ChakraPetch-Italic;
  src: url(ChakraPetch-Italic.ttf);
}
@font-face {
  font-family: ChakraPetch-Light;
  src: url(ChakraPetch-Light.ttf);
}
@font-face {
  font-family: ChakraPetch-LightItalic;
  src: url(ChakraPetch-LightItalic.ttf);
}
@font-face {
  font-family: ChakraPetch-Medium;
  src: url(ChakraPetch-Medium.ttf);
}
@font-face {
  font-family: ChakraPetch-MediumItalic;
  src: url(ChakraPetch-MediumItalic.ttf);
}
@font-face {
  font-family: ChakraPetch-Regular;
  src: url(ChakraPetch-Regular.ttf);
}
@font-face {
  font-family: ChakraPetch-SemiBold;
  src: url(ChakraPetch-SemiBold.ttf);
}
@font-face {
  font-family: ChakraPetch-SemiBoldItalic;
  src: url(ChakraPetch-SemiBoldItalic.ttf);
}