gistfile1.css

  @font-face { //<- @font-face is a special css function that sets up a font-family that you can reference by name
    font-family: 'Leitura'; // <- this is the name that you want to call your font 
    src: url("/fonts/2C3E10_0_0.eot"); // <- this tells the browser to download the eot version first if it supports it
    src: url("/fonts/2C3E10_0_0.woff") format("woff"); // <- this tells the browser to fall back to this format if eot doesn't work
    
  }

  h1 {
    font-family: "Leitura", "Helvetica"; // <- this sets up what font to use, it will first try to use Leitura, if that doesnt work it will use helvetica

  }

gistfile2.css

@font-face {
  font-family: 'Leitura';
  src: url('/fonts/2C3E10_0_0.eot');
  src: url('/fonts/2C3E10_0_0.eot?#iefix') format('embedded-opentype'),
       url('/fonts/2C3E10_0_0.woff') format('woff'),
       url('/fonts/2C3E10_0_0.ttf') format('truetype');
  
}