@font-face {
    font-family: 'Blogger Sans';
    src: local('Blogger Sans Medium'), local('BloggerSans-Medium'), url('BloggerSans/BloggerSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Blogger Sans';
    src: local('Blogger Sans Medium Italic'), local('BloggerSans-MediumItalic'), url('BloggerSans/BloggerSans-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'Blogger Sans';
    src: local('Blogger Sans Italic'), local('BloggerSans-Italic'), url('BloggerSans/BloggerSans-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Blogger Sans';
    src: local('Blogger Sans Light'), local('BloggerSans-Light'), url('BloggerSans/BloggerSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Blogger Sans';
    src: local('Blogger Sans'), local('BloggerSans'), url('BloggerSans/BloggerSans.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Blogger Sans';
    src: local('Blogger Sans Bold Italic'), local('BloggerSans-BoldItalic'), url('BloggerSans/BloggerSans-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: 'Blogger Sans';
    src: local('Blogger Sans Bold'), local('BloggerSans-Bold'), url('BloggerSans/BloggerSans-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Blogger Sans';
    src: local('Blogger Sans Light Italic'), local('BloggerSans-LightItalic'), url('BloggerSans/BloggerSans-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}