tengo un problema con esta tipo que en firefox se ve bien pero en chrome no ademas se ve pequeño la letra ayuda!!
Código HTML:
@font-face {
font-family: 'tall';
src: url('tall_film-webfont.eot');
src: url('tall_film-webfont.eot?#iefix') format('embedded-opentype'),
url('tall_film-webfont.woff') format('woff'),
url('tall_film-webfont.ttf') format('truetype'),
url('tall_film-webfont.svg#tall') format('svg');
font-weight: normal;
font-style: normal;
}
#contenido {
width: 455px;
height: 1100px;
background: url(../img/fondo.jpg);
padding-top: 27px;
padding-left: 40px;
}
#contenido-web {
width: 414px;
height: 1064px;
position: relative;
font-size: 20px;
}
#con {
width: 414px;
height: 1064px;
background: #838C34;
opacity: 0.6;
}
#logo {
top: 20px;
position: absolute;
width: 394px;
height: 68px;
text-align: right;
padding-bottom: 15px;
padding-right: 20px;
}
#banner {
top: 103px;
position: absolute;
width: 414px;
height: 250px;
}
#text {
font-family: tall;
top: 378px;
position: absolute;
width: 374px;
height: 726px;
color: white;
padding-left: 20px;
padding-right: 20px;
font-weight: bold;
font-size: 20px;
text-align: justify;
}
h1 {
font-size: 45px;
}