Probando importar fuente

kahlito · #1 (**permalink**) 22/12/2004, 18:00

Buenas estoy intentando instalar o subir a la web una fuente de texto de la siguiente manera:

Código HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
@font-face {
font-family: "Akbar";
src: url("http://www.tusitio.com/fuentes/akbar.ttf");
}
.Estilo1 {font-family: Akbar}
</style> 
</head>

<body>
<span class="Estilo1"> Aqui debe salir la fuente
</span>
</body>
</html>

He puesto un ejemplo en linea para ver si se ve correctamente:

http://personal.telefonica.terra.es/...tes/Fuente.htm

¿Podrian decirme si se ve correctamente?, gracias de antemano

Ktion · #2 (**permalink**) 22/12/2004, 22:40

Hola, esta mal el src de la fuente.

Saludos

kahlito · #3 (**permalink**) 22/12/2004, 22:46

Gracias Ktion, se me habia pasado

¿Se ve ahora bien?

safe · #4 (**permalink**) 22/12/2004, 23:14

En el internet explorer me advirtio que iba a instalar una fuente y tras aceptar cargo la pagina, pero lo escrito se veia con la times new roman..... en mozilla firefox directamente me mostro todo en times new roman sin preguntar ni nada..

Vice · #5 (**permalink**) 23/12/2004, 04:16

El @font-face no cumple la última especificación de CSS, por lo que el firefox y el mozilla no le hacen caso. De hecho, con mozilla lo sufrí yo hace un mes, que al tener el @font-face como primera instrucción de mi hoja de estilos externa, me invalidaba toda la hoja y no aplicaba ninguno de los estilos posteriores.
Por otro lado, lo he probabdo también con el IE y no veo la fuente. Veo la times habitual. Versión de IE: 6.0

Un saludo.

kahlito · #6 (**permalink**) 23/12/2004, 18:25

Vaya

, gracias por vuestra ayuda seguiré investigando para arreglarlo.......

Ktion · #7 (**permalink**) 23/12/2004, 20:10

Algo que encontre por ahi, para que al menos te funcione en IE:

importing fonts
@font-face {font-family; src: url(filepath);}

example
@font-face {font-family: Garamond; src:url(Garamond.eot);}

Note incompatibilities between platforms (Mac/Wintel) and browsers. MSIE requires that fonts be converted to .eot format; Navigator requires Bitstream fonts. Not ready for prime time.

CSS2

Fuente:
http://www.cyberwriter.com/SCCC/CSS/...CSS-table.html

Otras que hablan sobre el tema:
http://www.w3.org/TR/REC-CSS2/fonts....t-descriptions
http://msdn.microsoft.com/workshop/a...font_embed.asp

Saludos

kahlito · #8 (**permalink**) 26/12/2004, 23:35

Gracias Ktion, le echo un vistazo y te comento