CSS @font-face

gistfile1.css

@font-face {
  font-family: 'Foobar';
  font-style: normal;
  font-weight: normal;
  src: url(../fonts/Foobar-Regular.eot) format('opentype'),
       url(../fonts/Foobar-Regular.woff) format('woff'),
       url(../fonts/Foobar-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Foobar';
  font-style: normal;
  font-weight: bold;
  src: url(../fonts/Foobar-Bold.eot) format('opentype'),
       url(../fonts/Foobar-Bold.woff) format('woff'),
       url(../fonts/Foobar-Bold.ttf) format('truetype');
}