@font-face

[paskuini]

Muy buenas compañeros! os comento: Para la web que estoy haciendo me piden que use una tipografía corporativa. He estado mirando algunas cosillas (vamos, volviéndome loco) y he conseguido que funcione en firefox de la siguiente manera:

Código PHP:

  @font-face {font-family: KozGoPro;src: url('kozgopro-extralight.ttf') format("truetype")}
 
body { margin:0; padding:0; height:100%; font-family:KozGoPro, Verdana, Geneva, sans-serif; font-size:0.9em;} 
   

Y para que funcione en IE he encontrado el siguiente método (que no logro que me funcione):

Código PHP:

  @font-face {  
font-family: 'blok-regular';  
src: url('type/Blokletters-Potlood.eot');  
src: local('Blokletters Potlood Potlood'),  
 local('Blokletters-Potlood'),  
 url('type/Blokletters-Potlood.ttf') format('truetype');  
} 
   

¿Cómo podría hacer para poner la misma tipografía en IE?

[cristian_cena]

Hola paskuini, bajate un kit en http://www.fontsquirrel.com/ entra en el demo que te trae y copia ese codigo.

[alexk]

Prueba usando el generador de esta pagina
http://www.fontsquirrel.com/fontface/generator
ups jeje no vi que llegaste antes

[paskuini]

ya lo había intentado antes; pero me da error al subir la fuente. Me dice lo siguiente:
"kozgopro-extralight.... (3.14MB) - File Size Error"

[paskuini]

a nadie se le ocurre nada?

[paskuini]

Últimamente, me cuesta Dios y ayuda que me respondan en este foro...

[amdisenoweb]

Por lo que veo en el primer codigo estas usando una fuente ttf y en el siguiente una fuente eot, tendras que subir los dos. En la pagina que te recomiendan te crea el siguiente codigo css para todos los formatos de fuente y parece que funciona.

Código:

@font-face {
    font-family: 'AdobeGaramondProItalic';
    src: url('agaramondpro-italic-webfont.eot');
    src: url('agaramondpro-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('agaramondpro-italic-webfont.woff') format('woff'),
         url('agaramondpro-italic-webfont.ttf') format('truetype'),
         url('agaramondpro-italic-webfont.svg#AdobeGaramondProItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

[paskuini]

muchas gracias, amdisenoweb ahora mismo pruebo y en seguida os digo si me funciona.



Edit:
Pues no... No me funciona.

[amdisenoweb]

yo lo he hecho desde la pagina http://www.fontsquirrel.com/ me he bajado una fuente dedafont.com y la he subido a la pagina http://www.fontsquirrel.com/ en la opcion @font face generator y me ha creado los archivos .ttf .eot .svg .woff y ademas el css con el codigo similar al que te puse, luego tienes que poner en la pagina que quiera usar en css

body {
font-family: 'lafuentequehascreado;
}

si que me funciona

[paskuini]

Iniciado por paskuini

ya lo había intentado antes; pero me da error al subir la fuente. Me dice lo siguiente:
"kozgopro-extralight.... (3.14MB) - File Size Error"

No puedo hacerlo en fontsquirrel

[paskuini]

Código PHP:

  @font-face {
    : 'kozgopro-extralight';
    src: url('kozgopro-extralight.eot');
    src: url('kozgopro-extralight.eot?#iefix') format('embedded-opentype'),
         url('kozgopro-extralight.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
} 
   

A ver si es que estoy poniendo algo mal.......

[cristian_cena]

seguro te falta la woff y la svg por eso como te decimos, copia y pega el código que te dan en el demo de fontsquirrel. y si no te gusta ningun kit lo generás y listo.

[amdisenoweb]

No lo puede hacer en fontsquirrel porque es muy grande la fuente y al subirla le da error

[amdisenoweb]

has probado con lo que te ponen en este otro mensaje? no se si funciona pues no lo he probado.
http://www.forosdelweb.com/f91/fuent...na-web-551578/

[paskuini]

no. tampoco me funciona