@superflycss/utilities-fonts/google/chakra-petch/index.css

Font utilities

.u-font-chakra-petch-300 {
          font-family: 'Chakra Petch' !important;
          font-weight: 300 !important;
}
.u-font-chakra-petch-300-italic {
        font-family: 'Chakra Petch' !important;
        font-weight: 300 !important;
        font-style: italic !important;
}
.u-font-chakra-petch-400 {
          font-family: 'Chakra Petch' !important;
          font-weight: 400 !important;
}
.u-font-chakra-petch-400-italic {
        font-family: 'Chakra Petch' !important;
        font-weight: 400 !important;
        font-style: italic !important;
}
.u-font-chakra-petch-500 {
          font-family: 'Chakra Petch' !important;
          font-weight: 500 !important;
}
.u-font-chakra-petch-500-italic {
        font-family: 'Chakra Petch' !important;
        font-weight: 500 !important;
        font-style: italic !important;
}
.u-font-chakra-petch-600 {
          font-family: 'Chakra Petch' !important;
          font-weight: 600 !important;
}
.u-font-chakra-petch-600-italic {
        font-family: 'Chakra Petch' !important;
        font-weight: 600 !important;
        font-style: italic !important;
}
.u-font-chakra-petch-700 {
          font-family: 'Chakra Petch' !important;
          font-weight: 700 !important;
}
.u-font-chakra-petch-700-italic {
        font-family: 'Chakra Petch' !important;
        font-weight: 700 !important;
        font-style: italic !important;
}