@font-face {
    font-family: 'MetricWeb';
    src: url(fonts/MetricWeb-Thin.eot);
    src: url(fonts/MetricWeb-Thin.eot?#iefix) format('embedded-opentype'), url(fonts/MetricWeb-Thin.woff) format('woff'), url(fonts/MetricWeb-Thin.ttf) format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'MetricWeb';
    src: url(fonts/MetricWeb-Light.eot);
    src: url(fonts/MetricWeb-Light.eot?#iefix) format('embedded-opentype'), url(fonts/MetricWeb-Light.woff) format('woff'), url(fonts/MetricWeb-Light.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'MetricWeb';
    src: url(fonts/MetricWeb-Regular.eot);
    src: url(fonts/MetricWeb-Regular.eot?#iefix) format('embedded-opentype'), url(fonts/MetricWeb-Regular.woff) format('woff'), url(fonts/MetricWeb-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'MetricWeb';
    src: url(fonts/MetricWeb-Medium.eot);
    src: url(fonts/MetricWeb-Medium.eot?#iefix) format('embedded-opentype'), url(fonts/MetricWeb-Medium.woff) format('woff'), url(fonts/MetricWeb-Medium.ttf) format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'MetricWeb';
    src: url(fonts/MetricWeb-Semibold.eot);
    src: url(fonts/MetricWeb-Semibold.eot?#iefix) format('embedded-opentype'), url(fonts/MetricWeb-Semibold.woff) format('woff'), url(fonts/MetricWeb-Semibold.ttf) format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'MetricWeb';
    src: url(fonts/MetricWeb-Bold.eot);
    src: url(fonts/MetricWeb-Bold.eot?#iefix) format('embedded-opentype'), url(fonts/MetricWeb-Bold.woff) format('woff'), url(fonts/MetricWeb-Bold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal;
}

body {
    font-family: 'MetricWeb', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}