CSS fonts not shown in any browser – issue solved

I had the issue described in the title with one of my projects. Neither firefox, nor chrome or IE displayed the font. I managed to generate working files using fontsquirrel.com and the following CSS code to access the file:

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