@font-face {
  font-family: 'Clarendon';
  src: url('webfonts/Clarendon.eot');
  src: url('webfonts/Clarendon.eot?#iefix') format('embedded-opentype'),
       url('webfonts/Clarendon.woff') format('woff'),
       url('webfonts/Clarendon.ttf')  format('truetype'),
       url('webfonts/Clarendon.svg#svgFontName') format('svg');
}

@font-face {
  font-family: 'Clarendon-Light';
  src: url('webfonts/Clarendon-Light.eot');
  src: url('webfonts/Clarendon-Light.eot?#iefix') format('embedded-opentype'),
       url('webfonts/Clarendon-Light.woff') format('woff'),
       url('webfonts/Clarendon-Light.ttf')  format('truetype'),
       url('webfonts/Clarendon-Light.svg#svgFontName') format('svg');
}

@font-face {
  font-family: 'Clarendon-Bold';
  src: url('webfonts/Clarendon-Bold.eot');
  src: url('webfonts/Clarendon-Bold.eot?#iefix') format('embedded-opentype'),
       url('webfonts/Clarendon-Bold.woff') format('woff'),
       url('webfonts/Clarendon-Bold.ttf')  format('truetype'),
       url('webfonts/Clarendon-Bold.svg#svgFontName') format('svg');
}