Font-face problem from a single source

I'm having trouble with a font on a website I'm developing. The font name is modern # 20 , I made her font-face and it's not working. Is my code correct?

@font-face {
    font-family: 'modern';
    src: url('../fontes/modern-no-20-webfont.eot');
    src: url('../fontes/modern-no-20-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fontes/modern-no-20-webfont.woff') format('woff'),
        url('../fontes/modern-no-20-webfont.ttf') format('truetype'),
        url('../fontes/modern-no-20-webfont.svg#modern') format('svg');
    font-weight: normal;
    font-style: normal;
}

.bannerPTextoL1 {
    font-family: "modern";
    font-size: 300px;
    color: #001f2e;
    text-transform: uppercase;
    text-align: center;
    width: 1920px;
    overflow: hidden;
    line-height: 300px;
}