@font-face {
  font-family: 'MetricWeb-Light';
  src: url('../fonts/MetricWeb-Light.eot');
  src: url('../fonts/MetricWeb-Light.eot?#iefix') format('embedded-opentype'),
       url('../fonts/MetricWeb-Light.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MetricWeb-LightItalic';
  src: url('../fonts/MetricWeb-LightItalic.eot');
  src: url('../fonts/MetricWeb-LightItalic.eot?#iefix') format('embedded-opentype'),
       url('../fonts/MetricWeb-LightItalic.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MetricWeb-Medium';
  src: url('../fonts/MetricWeb-Medium.eot');
  src: url('../fonts/MetricWeb-Medium.eot?#iefix') format('embedded-opentype'),
       url('../fonts/MetricWeb-Medium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MetricWeb-MediumItalic';
  src: url('../fonts/MetricWeb-MediumItalic.eot');
  src: url('../fonts/MetricWeb-MediumItalic.eot?#iefix') format('embedded-opentype'),
       url('../fonts/MetricWeb-MediumItalic.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'MetricWeb-Regular';
  src: url('../fonts/MetricWeb-Regular.eot');
  src: url('../fonts/MetricWeb-Regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/MetricWeb-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MetricWeb-RegularItalic';
  src: url('../fonts/MetricWeb-RegularItalic.eot');
  src: url('../fonts/MetricWeb-RegularItalic.eot?#iefix') format('embedded-opentype'),
       url('../fonts/MetricWeb-RegularItalic.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}