@font-face {
    font-family: 'ClanPro';
    src: url('ClanPro-Bold.eot?#iefix') format('embedded-opentype'),  
         url('ClanPro-Bold.otf')  format('opentype'),
         url('ClanPro-Bold.woff') format('woff'), 
         url('ClanPro-Bold.ttf')  format('truetype'), 
         url('ClanPro-Bold.svg#ClanPro-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
  }

  @font-face {
    font-family: 'ClanPro';
    src: url('ClanPro-Book.eot?#iefix') format('embedded-opentype'),  
         url('ClanPro-Book.otf')  format('opentype'),
         url('ClanPro-Book.woff') format('woff'), 
         url('ClanPro-Book.ttf')  format('truetype'), 
         url('ClanPro-Book.svg#ClanPro-Book') format('svg');
    font-weight: normal;
    font-style: normal;
  }