Ver Mensaje Individual
  #1 (permalink)  
Antiguo 08/02/2008, 23:30
Avatar de metacortex
metacortex
Viejo demente
 
Fecha de Ingreso: junio-2004
Ubicación: Caracas - Venezuela
Mensajes: 9.027
Antigüedad: 20 años, 6 meses
Puntos: 832
Micro-tuto: abreviar estilos de fuentes

Este dato me pareció importante y quise compartirlo, aunque es muy posible que algunos ya lo sepan.

Algunas personas colocamos los estilos de fuentes así:

Código:
.fuente {
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-serif;
	font-weight: bold;
	line-height: 120%;
	font-variant: uppercase;
	font-style: italic;
}
Ahora miren esto, da el mismo resultado:
Código:
.fuente {
	font: italic uppercase bold 12px/120% Arial, Helvetica, Sans-serif;
}
¿Tremendo no? Cada elemento debe obedecer a un orden específico y es éste:

Código:
.fuente {
	font: [1] [2] [3] [4]/[5] [6];
}
Donde

1. font-style
2. font-variant
3. font-weight
4. font-size
5. line-height
6. font-family



Más info: http://www.eyeofdesign.com/css/font.php

Última edición por metacortex; 08/02/2008 a las 23:35