@font-face {
    font-family: 'weather';
    src: url('../Fonts/artillweathericons.ttf') format('truetype');
    src: url('../Fonts/artillweathericons.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

i {
    font-family: weather;
    font-size: 32px;
    font-weight: bold;
    font-style: normal;
    text-transform: none;
}



.icon-Thunderstorm:before {
    content: "S";
}

.icon-Snow:before {
    content: "I";
}

.icon-Drizzle:before {
    content: "M";
}

.icon-Clear:before {
    content: "1";
}

.icon-Rain:before {
    content: "5";
}

.icon-Clouds:before {
    content: "3";
}

.icon-Atmosphere:before {
    content: "C";
}