/**
 * Regular
 */
@font-face {
    font-family: 'Diatype Web';
    src: url( 'DiatypePre-Regular.woff2' ) format( 'woff2' ),
         url( 'DiatypePre-Regular.woff' ) format( 'woff' );
    font-weight: normal;
    font-style: normal;
}

/**
 * Regular Italic
 */
@font-face {
    font-family: 'Diatype Web';
    src: url( 'DiatypePre-Italic.woff2' ) format( 'woff2' ),
         url( 'DiatypePre-Italic.woff' ) format( 'woff' );
    font-weight: normal;
    font-style: italic;
}

/**
 * Medium
 */
@font-face {
    font-family: 'Diatype Web';
    src: url( 'DiatypePre-Medium.woff2' ) format( 'woff2' ),
         url( 'DiatypePre-Medium.woff' ) format( 'woff' );
    font-weight: 500;
    font-style: normal;
}

/**
 * Medium Italic
 */
@font-face {
    font-family: 'Diatype Web';
    src: url( 'DiatypePre-MediumItalic.woff2' ) format( 'woff2' ),
         url( 'DiatypePre-MediumItalic.woff' ) format( 'woff' );
    font-weight: 500;
    font-style: italic;
}

/**
 * Bold
 */
@font-face {
    font-family: 'Diatype Web';
    src: url( 'DiatypePre-Bold.woff2' ) format( 'woff2' ),
         url( 'DiatypePre-Bold.woff' ) format( 'woff' );
    font-weight: 600;
    font-style: normal;
}

/**
 * Bold Italic
 */
@font-face {
    font-family: 'Diatype Web';
    src: url( 'DiatypePre-BoldItalic.woff2' ) format( 'woff2' ),
         url( 'DiatypePre-BoldItalic.woff' ) format( 'woff' );
    font-weight: 600;
    font-style: italic;
}