Hola
Necesito crear una web donde la tipografía no sea una de las de siempre. He leido mucho por Internet y al final he intentado por medio de @font-face usar 2 tipografás de prueba. Cuando subo el archivo al servidor, entro a internet y se ven las dos, pero al quitarlas de mi sistema (WINDOWS>FONTS), ya sólo se ve una. Por tanto interpreto que cualquiera que entre en esa url no vería tampoco las 2 tipografías que he puesto, sino sólo una (o a lo peor, ninguna).
En fín... que no me convence nada tener que poner los textos como imagen, pero veo que esta solución me va a dar quebraderos de cabeza... y encima no funciona en explorer...
¿Qué me aconsejáis?
Os dejo el código que tengo puesto en el archivo html y en el css, por si alguien ve el fallo...
En el .html:
<body>
<h1>Esto es un prueba</h1>
<h2>Me va a salir bien</h2>
<div id="menu">holaaa</div>
<div id="columna">holaaa</div>
</body>
En el .css:
@font-face {
font-family: "adler";
src: url(http://www.midominio.com/tipos/adler.ttf) format("truetype");
}
@font-face {
font-family: "ice age font";
src: url(http://www.midominio.com/tipos/ice_age-font.ttf) format("truetype");
}
h1 {
font-family: "adler", sans-serif;
font-size: 40px;
}
h2 {
font-family: "ice age font", sans-serif ;
font-size: 40px;
}
#menu {
font-size: 2em;
float: left;
height: 400px;
width: 350px;
border: thin solid #FF0099;
font-family: ice age font;
}
#columna {
font-size: 3em;
float: right;
height: 400px;
width: 350px;
border: thin solid #FF0099;
font-family: adler;
}
Tb he leído que este es el código que hay que poner para que funcione la tipografía en IE... pero no tengo ni idea de cómo se genera el archivo .eot, ya que la página que lo hace no la entiendo bien.
<mce:style type="text/css" media="screen"><!
@font-face{ font-family:'adler';
src: url('http://www.midominio.com/tipos/adler.eot');
}
Gracias a quien me pueda ayudar con este marrón...
Citar
Marcadores