Single font font problem

Asked

Viewed 115 times

-2

I’m having trouble with a source on a website I’m developing. The name of the source is Modern No 20, I did her font-face and it’s not working. My code is 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;
}
css
  • 1

    Apparently yes, maybe the problem is that url(...). Your font is a directory above in a folder called fontes even?

  • It is. In this same directory I have other fonts that work normally.

  • Pass the full path to the url for us to test

  • full path http://www.musicalabertura.com.br/site/fontes/modern-no-20-webfont.eot

1 answer

1

Well, from what I saw the source works correctly.

How it is (download the source directly from the cited url):

inserir a descrição da imagem aqui

and removing the comment <!-- --> of the part of the website where the DIV with class .bannerPTextoL1 if you locate and applying the style quoted as you can see in the image, it looks like this (I put a white color to facilitate the visualization):

inserir a descrição da imagem aqui

No differences, your font-face works correctly. You probably downloaded an incorrect font thinking it would be correct.

Browser other questions tagged css

You are not signed in. Login or sign up in order to post.