@font-face {
    font-family: 'FantasqueSansMonoBold';
    src: url('FantasqueSansMonoBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'FantasqueSansMonoBoldItalic';
    src: url('FantasqueSansMonoBoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'FantasqueSansMonoItalic';
    src: url('FantasqueSansMonoItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'FantasqueSansMonoRegItalic';
    src: url('FantasqueSansMonoRegItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'FantasqueSansMonoRegular';
    src: url('FantasqueSansMonoRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

 /* The following rules are deprecated. */

@font-face {
    font-family: 'Fantasque Sans Mono';
    src: url('FantasqueSansMonoBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Fantasque Sans Mono';
    src: url('FantasqueSansMonoBoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Fantasque Sans Mono';
    src: url('FantasqueSansMonoItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Fantasque Sans Mono';
    src: url('FantasqueSansMonoRegItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Fantasque Sans Mono';
    src: url('FantasqueSansMonoRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}