Hola, estoy añadiendo las fuentes raras de mi web. Y me gustaría que me corrijais de si está bien o no.
En cada hoja html, he añadido esto (los .eot):
Cita: <!--[if IE]>
<STYLE TYPE="text/css">
@font-face {
font-family: 'Antaviana';
font-style: normal;
font-weight: 700;
src: url('fonts/ANTAVIA0.eot');
}
@font-face {
font-family: 'Antaviana';
font-style: normal;
font-weight: normal;
src: url('fonts/ANTAVIA1.eot');
}
@font-face {
font-family: 'Book Antiqua';
font-style: oblique;
font-weight: normal;
src: url('fonts/BOOKANT0.eot');
}
@font-face {
font-family: 'Book Antiqua';
font-style: oblique;
font-weight: 700;
src: url('fonts/BOOKANT1.eot');
}
@font-face {
font-family: 'Book Antiqua';
font-style: normal;
font-weight: normal;
src: url('fonts/BOOKANT2.eot');
}
@font-face {
font-family: 'Book Antiqua';
font-style: normal;
font-weight: 700;
src: url('fonts/BOOKANT3.eot');
}
@font-face {
font-family: ‘Courier’;
font-style: normal;
font-weight: normal;
src: url('fonts/COURIER0.eot);
}
@font-face {
font-family: 'Georgia';
font-style: normal;
font-weight: normal;
src: url ('fonts/GEORGIA1.eot');
}
@font-face {
font-family: 'Georgia';
font-style: normal;
font-weight: 700;
src: url ('fonts/GEORGIA0.eot');
}
</STYLE>
<![endif]-->
Y en el archivo "fuentes.css", he añadido los archivos en .ttf:
Cita: @font-face {
font-family: Georgia;
src: (../fonts/georgia.ttf) format ("truetype");
}
@font-face {
font-family: Antaviana;
src: url(../fonts/Antaviana Bold.ttf) format("truetype");
}
@font-face {
font-family: "Book Antiqua";
src: url(../fonts/BKANT.TTF) format("truetype");
}
@font-face {
font-family: "Courier New", Courier, monospace;
src: url(../fonts/cour.ttf) format("truetype");
}
@font-face {
font-family: "Book Antiqua Negrita";
src: url(../fonts/ANTQUAB.TTF) format("truetype");
}
He probado con otros ordenadores, y veo que algo está fallando y no se ven las fuentes como en mi pc.
Y en cuanto a lo de la ruta, la carpeta donde está guardado el archivo "fuentes.css" está en: "web > templates" y la carpeta de las fuentes en .eot y .ttf está en "web > fonts", entonces la ruta de cada fuente en "fuentes.css" he puesto asi:
src: url(../fonts/ANTQUAB.TTF) format("truetype");. Correcto?
Gracias!