Css, problemas de estilização ?

[Aguiarface 0]

Olá pessoal, bom dia.

 

estou usando uma fonte específica para um projeto que estou desenvolvendo por meio do @fontface do css. O problema é que ao carregar o site no firefox, chrome no linux, a fonte não é estilizada. Já realizando os testes nos diversos browsers no windows todos aderem a formatação perfeitamente.

 

Como isso é possível, se estou referenciando por meio do css uma fonte que está no servidor ?

 

Alguém pode me ajudar ?

[Giovani 104]

@Aguiarface ficará mais fácil de você postar um link ;)

[Aguiarface 0]

Não referencia a fonte e os imgs no css ?

 

 

 

Esse é o firefox no ubuntu.

[Diéssica 140]

Poste seu código CSS.

[Aguiarface 0]

/* estiliza a index.php -> app-acount.create */

body, html {

margin: 0px 0px 0px 0px;

width: 100%;

height: 100%;

}


@font-face {

font-family: Ebrima;

src: url('http://bussjump.com/web-files/scripts/font/ebrima-webfont.woff') format ('woff'); /* Extensão para navegadores atuais */

src: url('http://bussjump.com/web-files/scripts/font/ebrima-webfont.eot') format ('eot');   /* Extensão para navegadores atuais */

url('http://bussjump.com/web-files/scripts/font/ebrima.ttf') format ('truetype');

}


#screen-frame {

position: fixed;

width: 100%;

height: 100%;

}


#create-screen {

width: 100%;

height: 100%;

}


#left-frame {

position: relative;

width: 70px;

height: 100%;

border-right: 1px solid #E6E7E8;

float: left;

}


#icon-page-about {

width: 70px;

height: 70px;

background-image: url('http://bussjump.com/web-files/images/icon-page.png');

background-repeat: no-repeat;

background-position: 21px 23px;

border-bottom: 1px solid #E6E7E8;

}


#icon-page-sec {

width: 70px;

height: 70px;

background-image: url('http://bussjump.com/web-files/images/icon-page.png');

background-repeat: no-repeat;

background-position: 21px 23px;

border-bottom: 1px solid #E6E7E8;

}


#center-frame {

position: relative;

margin-left: 49px;

height: 100%;

float: left;

}


#void-col { width: 70px; height: 100%; }

#head-main { height: auto; background-image: url(http://bussjump.com/web-files/images/icon-create.png');  background-repeat: no-repeat; background-position: 0px 113px; }#head-sub{ height: auto; }

#void-beam { height:70px; }

#body-frame { height: auto; }



#right-frame {

position: static;

width: 70px;

height: 100%;

float: right;

background-image: url('http://bussjump.com/web-files/images/next-button.png'); background-repeat: no-repeat; background-position: 50% 50%;

} #right-frame:hover  { background-color: #E6E7E8; }


#top-frame {

position: absolute;

width: 100%;

height: 35px;

background-color: #EF4837;

z-index: 10;

}#logo-space{width: 205px; height: 35px; background-image: url('http://bussjump.com/web-files/images/icon-logo.png'); background-repeat: no-repeat; background-position: 7px 8px;}#logo-space:hover  { background-color: #D72B00; }



#bottom-frame {

position: absolute;

width: 100%;

height: 20px;

bottom: 0px;

background-color: #BDBFC1;

z-index: 20;

}


#void-bar {

height: 35px;

}


input {

width: 470px;

height: 70px;

border: 0px;

outline: none;

font-family: Ebrima;

font-weight: normal;

font-size: 27px;

color: #BDBFC1;

}


#label-frame {

position: absolute;

top: 48.9%;

margin-top: -150px;

width: 100%;

height: 300px;

background-color: #EF4837;

z-index: 40;

}


#label-info {

position: absolute;

top: 50%;

width: 100%;

height: auto;

text-align: center;

}


#button-frame {

position: absolute;

left: 49.3%;

top: 74%;

margin-left: -50px;

width: 120px;

height: 35px;

background-color: #FFFFFF;

}


.logo-name {

font-family: Ebrima;

font-size: 20px;

font-weight: normal;

color: #FFFFFF;

padding: 0px 0px 0px 37px;

cursor: default;

}


.title-name {

font-family: Ebrima;

font-size: 40px;

font-weight: normal;

color: #EF4837;

padding: 100px 0px 0px 50px;

}


.sub-title {

font-family: Ebrima;

font-size: 17px;

font-weight: normal;

color: #808080;

padding-bottom: 0px;

}


.info-label {

font-family: Ebrima;

font-size: 30px;

font-weight: normal;

text-align: center;

color: #FFFFFF;

}

.info-button {

cursor: default;

text-align: center;

line-height:  35px;

font-family: Ebrima;

font-size: 17px;

font-weight: bold;

color: #EF4837;

}

.copy-right {

font-family: Ebrima;

font-size: 13px;

color: #808080;

float: left;

padding-left: 7px;

line-height: 20px;

}


.approach-txt {

font-family: Ebrima;

font-size: 13px;

color: #808080;

float: right;

padding-right: 7px;

line-height: 20px;

}