/* EXAMPLE */

@font-face {
  font-family: 'avenir-roman';
  src: url('avenir-roman.otf'),
       url('avenir-roman.otf') format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'avenir-black';
  src: url('avenir-black.otf'),
       url('avenir-black.otf') format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'segoe-ui';
  src: url('segoe-ui.otf'),
       url('segoe-ui.otf') format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family:'segoe-ui-bold';
  src: url('Segoe-ui-bold.ttf'),
       url('Segoe-ui-bold.ttf') format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family:'Rama Gothic SemiBold';
  src: url('/fonts/Rama-Gothic-SemiBold.ttf'),
       url('/fonts/Rama-Gothic-SemiBold.ttf') format("truetype");
  font-weight: bold;
  font-style: normal;
}