Foros del Web » Creando para Internet » HTML »

Insertar tipografía con @font-face

Estas en el tema de Insertar tipografía con @font-face en el foro de HTML en Foros del Web. Hola a todos... hace poco que he preguntado y me habéis hablado de @font-face he estado "investigando"y me entran muchas dudas, en las cuales espero ...
  #1 (permalink)  
Antiguo 17/12/2014, 05:47
4589
Invitado
 
Mensajes: n/a
Puntos:
Insertar tipografía con @font-face

Hola a todos... hace poco que he preguntado y me habéis hablado de @font-face he estado "investigando"y me entran muchas dudas, en las cuales espero me podáis ayuda.

En mi site tengo la tipografía "courier" en diferentes versiones: normal, bold, italic e italic bold.

En algunos dispositivos como por ejemplo Android me cambia la tipografía. Por eso me gustaría "instalar" en mi web estas tipografías.

Para que se viesen en todos los navegadores y dispositivos posible debería de hacer esto, no?

Código HTML:
@font-face {
   font-family: 'courier';
   src: url('../type/courier.eot');
   src: url('../type/courier.eot'), url('../type/courier.eot')woff') format('woff'), url('../type/courier.eot').ttf') format('truetype'), url('../type/courier.eot').svg#webfont57ztNrX6') format('svg');
}

Ahora vienen mis dudas...

tengo la courier en formato *.ttf como la paso a los diferentes formatos esos...?

tengo que subir a mi site todas las versiones de la courier es decir la versión normal, bold, italic e italic bold.

Gracias!!
  #2 (permalink)  
Antiguo 17/12/2014, 05:53
4589
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Insertar tipografía con @font-face

he utilizado http://www.fontsquirrel.com/tools/webfont-generator

Y me ha salido esto?

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

}

Estría bien así? o habría que añadir más formatos?

Para bold, italic e italic bold habría que hacer lo mismo o no haría falta?

Gracias
  #3 (permalink)  
Antiguo 17/12/2014, 06:23
4589
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Insertar tipografía con @font-face

Por qué haciendo todo bien. en android me sigue cambiando la tipografía?

Etiquetas: font-face, todo
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 12:23.