@font-face {
    font-family: 'Geograph-Regular';
    src: url('../woff2/geograph-regular.woff2') format('woff2'),
        url('../geograph-regular.html') format('woff');
}

@font-face {
    font-family: 'Geograph-Bold';
    src: url('../woff2/geograph-bold.woff2') format('woff2'),
        url('../geograph-bold.html') format('woff'),
        url('../geographbold.html') format('embedded-opentype'),
        url('../geographbold-2.html') format('truetype');
}

@font-face {
    font-family: 'Geograph-Medium';
    src: url('../woff2/geograph-medium.woff2') format('woff2'),
        url('../geograph-medium.html') format('woff'),
        url('../geographmedium.html') format('embedded-opentype'),
        url('../geographmedium-2.html') format('truetype');
    font-style: normal;
}

@font-face {
    font-family: 'Geograph-Black';
    src: url('../woff2/geograph-black.woff2') format('woff2'),
        url('../geograph-black.html') format('woff'),
        url('../geographblack.html') format('embedded-opentype'),
        url('../geographblack-2.html') format('truetype');
}