Font face todos los navegadores

#1 (**permalink**) 20/11/2012, 14:50

Hola a todos estoy armando una web y me pidieron una tipografia especifica, tengo las fuentes en tff, y eot. Mi CSS esta asi:

css:

Código CSS:

Ver original@font-face {  
font-family: 'menu_face';  
src: url('../fuentes/fuente.ttf') format('truetype');  
}
 
@font-face {  
font-family: 'menu_face';
src: url('../fuentes/fuente.eot');
}
 
h1.menulink{ font-family: 'menu_face'; }

mi html

Código HTML:

Ver original<html>
<head>
    <link href="css/style.css" rel="stylesheet" type="text/css">
</head>
<body>
 
<h1 class="menulink">My First Heading</h1>
 
<p>My first paragraph.</p>
 
</body>
</html>

Y no se cambia la fuente, me podrian decir que estoy haciendo mal?

ArturoGallegos · #2 (**permalink**) 20/11/2012, 15:13

el formato para font-face que a mi me funciona....

Código CSS:

Ver original@font-face {
    font-family: 'Diavlo';
    src: url('fonts/diavlo_bold_ii_37-webfont.eot');
    src: local('?'), url('fonts/diavlo_bold_ii_37-webfont.woff') format('woff'), url('fonts/diavlo_bold_ii_37-webfont.ttf') format('truetype'), url('fonts/diavlo_bold_ii_37-webfont.svg#webfontgavbyt9w') format('svg');
    font-weight: normal;
    font-style: normal;
}

#3 (**permalink**) 20/11/2012, 15:16

como obtienes el formato svg y woff, yo encontre una pag que te pasa de ttf a eot, pero para los otros como lo hago?

ArturoGallegos · #4 (**permalink**) 20/11/2012, 15:38

puedes generar todo el paquete de archivos en este sitio
http://www.fontsquirrel.com/fontface/generator

dependiendo que tan común sea tu fuente puede que ya este puedes buscarla antes subir la tuya....

Generalmente yo solo genero o bajo los archivos de las fuentes y uso el código CSS que te mostré.

Otro detalle importante, es que la fuente no debe ser privativa...

#5 (**permalink**) 20/11/2012, 15:52

Cita:

Iniciado por Ag666

puedes generar todo el paquete de archivos en este sitio
[url]http://www.fontsquirrel.com/fontface/generator[/url]

dependiendo que tan común sea tu fuente puede que ya este puedes buscarla antes subir la tuya....

Generalmente yo solo genero o bajo los archivos de las fuentes y uso el código CSS que te mostré.

Otro detalle importante, es que la fuente no debe ser privativa...

Ya pude pasar el ttf a eot svg y woff y no se que pasa que no me cambia la fuente, nose que estoy haciendo mal deje el css asi:

Código CSS:

Ver original@font-face {
font-family: 'menu_face';
src: url('../fuentes/fuente.eot');
src: local('?'), url('../fuentes/fuente.woff') format('woff'), url('../fuentes/fuente.ttf') format('truetype'), url('../fuentes/fuente.svg') format('svg');
}
 
 
h1.menulink{ font-family: 'menu_face'; }

verifique que la direccion "../fuentes" concuerde con la direccion desde el css y esta OK. que mas podria ser?

Carlangueitor · #6 (**permalink**) 20/11/2012, 15:54

Pueden ser mil razones, en estos caso lo mejor es que pongas el link de la página. Si no tienes el link disponible, verifica bien las rutas.

Saludos

#7 (**permalink**) 20/11/2012, 16:14

Cita:

Iniciado por Carlangueitor

Pueden ser mil razones, en estos caso lo mejor es que pongas el link de la página. Si no tienes el link disponible, verifica bien las rutas.

Saludos

lamentablemente estoy trabajando en localhost la persona que va a comprar el hosting y dominio aun no lo hace.

Carlangueitor · #8 (**permalink**) 20/11/2012, 16:19

Pues revisa las rutas, una forma rápida es abrir la consola de Chrome (F12) y ver si te dice un mensaje relativo.

Saludos

#9 (**permalink**) 20/11/2012, 16:23

Cita:

Iniciado por Carlangueitor

Pues revisa las rutas, una forma rápida es abrir la consola de Chrome (F12) y ver si te dice un mensaje relativo.

Saludos

Esta todo bien. nose que esta mal... voy a chequiar las fuentes..

pzin · #10 (**permalink**) 20/11/2012, 16:45

Intenta poner la ruta completa de la fuente (http://localhost/web/fuentes/... o con http://127.0.0.1 lo que sea) en el CSS para realmente descartar que no se trata un problema de la ruta. Insisto porque en estos casos de la fuente no funciona el problema suele ser las rutas.
Así descartas lo de las rutas ya definitivamente si no se soluciona.

Carlangueitor · #11 (**permalink**) 20/11/2012, 16:48

Para quitarnos de dudas, pon tu árbol de carpetas así como en éste tema:

Saludos