    /*1- abcdiatype black - 700 */
@font-face {
    font-display: swap; 
    font-family: 'abc-diatype-round';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/ABCDiatypeRounded-Black-Trial.woff2') format('woff2');
  }

  /*2- abcdiatype black - 700 - italic */
  @font-face {
    font-display: swap; 
    font-family: 'abc-diatype-round';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/ABCDiatypeRounded-BlackItalic-Trial.woff2') format('woff2');
  }

    /*3- abcdiatype bold - 500 */
  @font-face {
    font-display: swap; 
    font-family: 'abc-diatype-round';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/ABCDiatypeRounded-Bold-Trial.woff2') format('woff2');
  }

   /*4- abcdiatype bold - 500 - italic */
  @font-face {
    font-display: swap; 
    font-family: 'abc-diatype-round';
    font-style: italic;
    font-weight: 500;
    src: url('../fonts/ABCDiatypeRounded-BoldItalic-Trial.woff2') format('woff2');
  }

   /*5- abcdiatype heavy - 600 */
  @font-face {
    font-display: swap; 
    font-family: 'abc-diatype-round';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/ABCDiatypeRounded-Heavy-Trial.woff2') format('woff2');
  }

/*6- abcdiatype heavy - 600 - italic */
@font-face {
    font-display: swap; 
    font-family: 'abc-diatype-round';
    font-style: italic;
    font-weight: 600;
    src: url('../fonts/ABCDiatypeRounded-HeavyItalic-Trial.woff2') format('woff2');
}

/*7- abcdiatype light - 200  */
@font-face {
    font-display: swap; 
    font-family: 'abc-diatype-round';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/ABCDiatypeRounded-Light-Trial.woff2') format('woff2');
}

/*8- abcdiatype light - 200 -italic */
@font-face {
    font-display: swap; 
    font-family: 'abc-diatype-round';
    font-style: italic;
    font-weight: 200;
    src: url('../fonts/ABCDiatypeRounded-LightItalic-Trial.woff2') format('woff2');
}

/*9- abcdiatype med - 400  */
@font-face {
    font-display: swap; 
    font-family: 'abc-diatype-round';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/ABCDiatypeRounded-Medium-Trial.woff2') format('woff2');
}

/*10- abcdiatype med - 400 -italic */
@font-face {
    font-display: swap; 
    font-family: 'abc-diatype-round';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/ABCDiatypeRounded-MediumItalic-Trial.woff2') format('woff2');
}

/*11- abcdiatype reg - 300  */
@font-face {
    font-display: swap; 
    font-family: 'abc-diatype-round';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/ABCDiatypeRounded-Regular-Trial.woff2') format('woff2');
}

/*12- abcdiatype reg - 300 -italic */
@font-face {
    font-display: swap; 
    font-family: 'abc-diatype-round';
    font-style: italic;
    font-weight: 300;
    src: url('../fonts/ABCDiatypeRounded-RegularItalic-Trial.woff2') format('woff2');
}

/*13- abcdiatype thin - 100  */
@font-face {
    font-display: swap; 
    font-family: 'abc-diatype-round';
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/ABCDiatypeRounded-Thin-Trial.woff2') format('woff2');
}

/*14- abcdiatype thin - 100 -italic */
@font-face {
    font-display: swap; 
    font-family: 'abc-diatype-round';
    font-style: italic;
    font-weight: 100;
    src: url('../fonts/ABCDiatypeRounded-ThinItalic-Trial.woff2') format('woff2');
}

/*15- abcdiatype ultra - 800  */
@font-face {
    font-display: swap; 
    font-family: 'abc-diatype-round';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/ABCDiatypeRounded-Ultra-Trial.woff2') format('woff2');
}

/*16- abcdiatype ultra - 800 -italic */
@font-face {
    font-display: swap; 
    font-family: 'abc-diatype-round';
    font-style: italic;
    font-weight: 800;
    src: url('../fonts/ABCDiatypeRounded-UltraItalic-Trial.woff2') format('woff2');
}




/*17- family black 600 italic  */
@font-face {
    font-display: swap; 
    font-family: 'family';
    font-style: italic;
    font-weight: 600;
    src: url('../fonts/test-family-black-italic.woff2') format('woff2');
}

/*18- family black 600   */
@font-face {
    font-display: swap; 
    font-family: 'family';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/test-family-black.woff2') format('woff2');
}

/*19- family bold 400 italic  */
@font-face {
    font-display: swap; 
    font-family: 'family';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/test-family-bold-italic.woff2') format('woff2');
}

/*20- family bold 400   */
@font-face {
    font-display: swap; 
    font-family: 'family';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/test-family-bold.woff2') format('woff2');
}

/*21- family heavy 500 italic  */
@font-face {
    font-display: swap; 
    font-family: 'family';
    font-style: italic;
    font-weight: 500;
    src: url('../fonts/test-family-heavy-italic.woff2') format('woff2');
}

/*22- family heavy 500   */
@font-face {
    font-display: swap; 
    font-family: 'family';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/test-family-heavy.woff2') format('woff2');
}

/*23- family reg 300 italic  */
@font-face {
    font-display: swap; 
    font-family: 'family';
    font-style: italic;
    font-weight: 300;
    src: url('../fonts/test-family-italic.woff2') format('woff2');
}

/*24- family light 100 italic  */
@font-face {
    font-display: swap; 
    font-family: 'family';
    font-style: italic;
    font-weight: 100;
    src: url('../fonts/test-family-light-italic.woff2') format('woff2');
}

/*25- family light 100   */
@font-face {
    font-display: swap; 
    font-family: 'family';
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/test-family-light.woff2') format('woff2');
}

/*26- family med 400 italic  */
@font-face {
    font-display: swap; 
    font-family: 'family';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/test-family-medium-italic.woff2') format('woff2');
}

/*27- family med 400   */
@font-face {
    font-display: swap; 
    font-family: 'family';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/test-family-medium.woff2') format('woff2');
}

/*28- family reg 300  */
@font-face {
    font-display: swap; 
    font-family: 'family';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/test-family-regular.woff2') format('woff2');
}









    


 