@font-face {
    font-family: 'CircularStd';
    font-weight: 400;
    font-style: normal;
    src: local('CircularStd Book'), url(CircularStd-Book.ttf) format('truetype');
}
@font-face {
    font-family: 'CircularStd Medium';
    font-weight: bold;
    font-style: normal;
    src: local('CircularStd Medium'), url(CircularStd-Medium.ttf) format('truetype');
}
@font-face {
    font-family: 'CircularStd Bold';
    font-weight: bold;
    font-style: normal;
    src: local('CircularStd Bold'), url(CircularStd-Bold.ttf) format('truetype');
}
@font-face {
    font-family: 'CircularStd Black';
    font-weight: bold;
    font-style: normal;
    src: local('CircularStd Black'), url(CircularStd-Black.ttf) format('truetype');
}
@font-face {
    font-family: 'CircularStd Book';
    font-weight: bold;
    font-style: normal;
    src: local('CircularStd Book'), url(CircularStd-Book.ttf) format('truetype');
}

body {
    font-family: CircularStd, sans-serif;
    font-size: 16px
}