La maquetación de fuentes puede resultar un montón de líneas que generan un fichero demasiado extenso y pesado. Para ello podemos usar propiedades como font en la cual podemos definir todas las características que deseamos tengan nuestras fuentes.
Ej:
font-weight: bold;
font-style: italic;
font-variant: small-caps;
font-size: 1em;
line-height: 1.5em;
font-family: verdana,sans-serif;
En nuestra misión de minimizar el tamaño de nuestros CSS hemos de tener en cuenta estas opciones que nos permitirán ahorrar una serie de líneas en cada CSS que generemos.
font: bold italic small-caps 1em/1.5em verdana,sans-serif;
El tamaño de las fuentes es algo muy importante a tener en cuenta en los tiempo que corren. El cambio de resoluciones en nuestros monitores no deben ser un impedimento.
Para ello debemos conocer los dos tipos de medidas de las que disponemos en nuestros CSS.
Medidas absolutas
Las medidas absolutas son aquellas que definimos como estáticas y que no respetan el navegador de nuestro visitante. Ojo, no digo que sean malas o que no sean útiles, solo que son inamovibles y que se ven del mismo tamaño en cualquier navegador y resolución.
Unidades absolutas.
- pt points
- in inches
- cm centimeters
- mm millimeters
- pc picas
Relaciones entre únidades
- pt – point :1/72 in;
- pc – pica :12 points ou 1/6 in;
- mm – milímetro :1/10 cm;
- cm – centímetro :1/100 m;
- in – polegada :2,54 cm;
Medidas Relativas
Las medidas relativas son aquellas que se adatan a nuestra resolución, para ello usamos valores relativos como el % o la el tamaño de la fuente heredada (em). De esta forma podemos hacer variables los tamaños de nuestras fuentes.
Unidades Relativas
- em Elements Mheight
- ex Elements Xheight
- px pixels
- % porcentaje
Más Información
5 comentarios, 4 referencias
+
#