@font-face {
    font-family: 'Clear Sans';
    src: url('fonts/clearsans/ClearSans-Thin.woff');
    font-weight: 100;
    font-style: normal;
}


@font-face {
    font-family: 'Clear Sans';
    src: url('fonts/clearsans/ClearSans-Light.woff');
    font-weight: 300;
    font-style: normal;
}


@font-face {
    font-family: 'Clear Sans';
    src: url('fonts/clearsans/ClearSans-Regular.woff');
    font-weight: 400; /* "normal" */
    font-style: normal;
}

@font-face {
    font-family: 'Clear Sans';
    src: url('fonts/clearsans/ClearSans-Italic.woff');
    font-weight: 400; /* "normal" */
    font-style: italic;
}


@font-face {
    font-family: 'Clear Sans';
    src: url('fonts/clearsans/ClearSans-Medium.woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Clear Sans';
    src: url('fonts/clearsans/ClearSans-MediumItalic.woff');
    font-weight: 500;
    font-style: italic;
}


@font-face {
    font-family: 'Clear Sans';
    src: url('fonts/clearsans/ClearSans-Bold.woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Clear Sans';
    src: url('fonts/clearsans/ClearSans-BoldItalic.woff');
    font-weight: 700;
    font-style: italic;
}