Css fonts

[DLSeken 4]

Boa tarde,

 

Estava usando a font Roboto Condensed da seguinte forma:

@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300);

entretanto o sistema não estava funcionando pois não estava conseguindo "importar" a font e acabava bloqueando o sistema.

 

Decidi então baixar a font para a aplicação, porém, não estou conseguindo.

 

Tentei da seguinte forma:

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

}

#cssmenu {
  position: relative;
  margin: 0;
  font-family: 'roboto_condensedlight';
  line-height: 1;
  width: 250px;
}

Alguém poderia me dizer onde estou errando ?

[guilomaker 31]

ai esta tudo certo! pode ser seus arquivos, como a pasta e etc.

 

a sua pasta fonts tem que estar junto ao seu css.

[DLSeken 4]

ai esta tudo certo! pode ser seus arquivos, como a pasta e etc.

 

a sua pasta fonts tem que estar junto ao seu css.

 

Minha estrutura ta assim:

 

Sistema

--css

--fonts

--img

--js

 

copiei todos os arquivos:

RobotoCondensed-Light-demo.html

RobotoCondensed-Light-webfont.eot

RobotoCondensed-Light-webfont.svg

RobotoCondensed-Light-webfont.ttf

RobotoCondensed-Light-webfont.woff

 

para a pasta fonts. Porém parece que não está pegando a font mesmo assim.

[guilomaker 31]

deixa assim

 

--css/fonts

--img

--js