body{
    font-family: 'True';
    font-size: 1.5rem;
}

@font-face {
    font-family: 'True';
    src: url('../css/font/TrueMedium.eot');
    src: url('../css/font/TrueMedium.eot?#iefix') format('embedded-opentype'),
    url('../css/font/TrueMedium.woff2') format('woff2'),
    url('../css/font/TrueMedium.woff') format('woff'),
    url('../css/font/TrueMedium.ttf') format('truetype'),
    url('../css/font/TrueMedium.svg#TrueMedium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'TrueBoldSpecial';
    src: url('../css/font/TrueBoldSpecial.eot');
    src: url('../css/font/TrueBoldSpecial.eot?#iefix') format('embedded-opentype'),
    url('../css/font/TrueBoldSpecial.woff2') format('woff2'),
    url('../css/font/TrueBoldSpecial.woff') format('woff'),
    url('../css/font/TrueBoldSpecial.ttf') format('truetype'),
    url('../css/font/TrueBoldSpecial.svg#TrueBoldSpecial') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'TrueLight';
    src: url('../css/font/TrueLight.eot');
    src: url('../css/font/TrueLight.eot?#iefix') format('embedded-opentype'),
    url('../css/font/TrueLight.woff2') format('woff2'),
    url('../css/font/TrueLight.woff') format('woff'),
    url('../css/font/TrueLight.ttf') format('truetype'),
    url('../css/font/TrueLight.svg#TrueLight') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'TrueBold';
    src: url('../css/font/TrueBold.eot');
    src: url('../css/font/TrueBold.eot?#iefix') format('embedded-opentype'),
    url('../css/font/TrueBold.woff2') format('woff2'),
    url('../css/font/TrueBold.woff') format('woff'),
    url('../css/font/TrueBold.ttf') format('truetype'),
    url('../css/font/TrueBold.svg#TrueBold') format('svg');
    font-weight: bold;
    font-style: normal;
}