@font-face não está funcionando

[Michelle Dos Santos Alves 0]

Boa tarde!

 

@font-face não está funcionando. O que pode estar errado no código abaixo?

 

 

@charset "utf-8";

/* CSS Document */

font-weight: normal;

font-style: normal;

line-height:normal;

body{background-color:#242a31;}

header{width:1365px; height:170px; margin: -8px 0px 0px -8px; position:fixed; background-color:#242a31;}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on December 7, 2013 */

@font-face {

font-family: 'asapregular';

src: url('fonte/asap-regular-webfont.eot');

src: url('fonte/asap-regular-webfont.eot?#iefix') format('embedded-opentype'),

url('fonte/asap-regular-webfont.woff') format('woff'),

url('fonte/asap-regular-webfont.ttf') format('truetype'),

url('fonte/asap-regular-webfont.svg#asapregular') format('svg');

font-weight: normal;

font-style: normal;

}

[YFilus 14]

Olá Michelle, tudo bem?

 

O que acontece muitas vezes quando a fonte não funciona, é por ela não estar na pasta correta.

 

O arquivo da fonte é buscado com base no diretório aonde o CSS está, e não o diretório do html do seu site.

Por exemplo, se o seu CSS está no diretório /css/ , a fonte, nesse caso, terá de ir na pasta /css/fonte/.

 

Não esqueça também de chamar esta fonte no css, aonde você deseja que ela apareça:

.titulo { font-family: 'asapregular', Arial, sans-serif; }

 

Espero ter ajudado.

Qualquer coisa, só falar.

[Michelle Dos Santos Alves 0]

Olá Michelle, tudo bem?

 

O que acontece muitas vezes quando a fonte não funciona, é por ela não estar na pasta correta.

 

O arquivo da fonte é buscado com base no diretório aonde o CSS está, e não o diretório do html do seu site.

Por exemplo, se o seu CSS está no diretório /css/ , a fonte, nesse caso, terá de ir na pasta /css/fonte/.

 

Não esqueça também de chamar esta fonte no css, aonde você deseja que ela apareça:

.titulo { font-family: 'asapregular', Arial, sans-serif; }

 

Espero ter ajudado.

Qualquer coisa, só falar.

Obrigada! Problema resolvido.