Foros del Web » Creando para Internet » CSS »

@font face

Estas en el tema de @font face en el foro de CSS en Foros del Web. Hola intento incluir la libreria Alien League a mi web, lo he probado de mil formas y no va, y yo no le veo ningun ...
  #1 (permalink)  
Antiguo 08/12/2012, 16:59
 
Fecha de Ingreso: mayo-2012
Mensajes: 76
Antigüedad: 12 años
Puntos: 1
@font face

Hola intento incluir la libreria Alien League a mi web, lo he probado de mil formas y no va, y yo no le veo ningun fallo a mi codigo:

Código HTML:
@font-face {
font-family: 'AlienLeague';
src: url('/layout/ALIEN5.eot');
src: url('/layout/ALIEN5.eot?#iefix') format('embedded-opentype'),
         url('/layout/ALIEN5.woff') format('woff'),
         url('/layout/ALIEN5.ttf') format('truetype'),
         url('/layout/ALIEN5.svg#ALIEN5') format('svg');
font-weight: normal;
font-style: normal;
}





#bloctitl .title{

   color: #d5d5d5;
    font-family: "AlienLeague";
    font-size:13px;
}

A ver si alguien me puede ayudar, gracias
  #2 (permalink)  
Antiguo 08/12/2012, 17:07
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 9 meses
Puntos: 2114
Respuesta: @font face

Supongo que, por el formato, vendrá de FontSquirrel.

Siempre que hay problemas con esto, o en la mayoría de los casos, se debe a un problema de rutas. ¿Puedes poner un enlace al sitio o poner el árbol de archivos de cómo lo tienes organizado?
  #3 (permalink)  
Antiguo 08/12/2012, 17:13
 
Fecha de Ingreso: mayo-2012
Mensajes: 76
Antigüedad: 12 años
Puntos: 1
Respuesta: @font face

ese e un codigo de internet, yo solo tengo el ,ttf pero debido a la desesperacion pues puse eso entero, y la ruta la tengo bien porque tengo el ttf donde el index.php y ademas en el la carpeta layout que estaq en el index tambien, osea que eso no es
  #4 (permalink)  
Antiguo 08/12/2012, 17:35
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 9 meses
Puntos: 2114
Respuesta: @font face

Pues pásate por aquí para generar a partir de tu .ttf los demás formatos. Para IE por ejemplo creo que le hace falta .eot para que funcione. Normalmente usando esa herramienta de FontSquirrel logras un soporte completo en navegadores actuales y en algunos desfasados.
  #5 (permalink)  
Antiguo 08/12/2012, 17:40
 
Fecha de Ingreso: mayo-2012
Mensajes: 76
Antigüedad: 12 años
Puntos: 1
Respuesta: @font face

Gracias por el link, pero al configurar la aplicacion y subir el archivo me dice que el .ttf esta corrupto y que no se puede convertir, vaya tela
  #6 (permalink)  
Antiguo 08/12/2012, 17:46
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 9 meses
Puntos: 2114
Respuesta: @font face

Bueno, viendo que es una fuente gratuita vuelve a descargártela y prueba de nuevo.

Si te sigue dando problemas, aunque siempre es mejor usar la fuente que hayas elegido, puedes darte una vuelta por Google Webfonts o Typekit —tienen versión gratuita, aunque yo personalmente prefiero Typekit— y mirar si encuentras algo similar, o incluso alguna otra que te convenza más.
  #7 (permalink)  
Antiguo 08/12/2012, 18:40
 
Fecha de Ingreso: noviembre-2011
Mensajes: 103
Antigüedad: 12 años, 5 meses
Puntos: 5
Respuesta: @font face

Está mal el código. Además tienes que subir las fuentes en los distintos formatos.

En este link también puedes crear las fuentes y el código : http://fontface.codeandmore.com/

El código lo copias al principio en el archivo css que quieras. Y las fuentes las pones en la misma carpeta que el archivo css.

Etiquetas: face
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:55.