#04 - Tipografías web
Algunas veces nos encontramos con un tipo de fuente que nos resulta bonita, si la utilizamos en nuestro sitio Web probablemente sólo nosotros la vemos (porque sólo está en nuestro ordenador). Es decir, la tipografía de una página web se ve tal y como es si dicha fuente está instalada en el ordenador del usuario que está visitando la página.
Objetivos
- Aprender las distintas formas de utilizar tipografías en una página web
- Conocer los sitios web más utilizados por los diseñadores que nos permiten descargar y/o utilizar "tipografías no estandar"
- Manejar distintos tipos de fuentes tipográficas, obtenidas de Google Font.
Antes de realizar esta tarea es conveniente leer el artículo [ Tipografías Web ]
Observaciones referentes a diseño adaptable a dispositivos:
- Las etiquetas de decisión CSS que comienzan con @media... deben ser las últimas del archivo CSS
- Es necesario poner dentro de la etiqueta head el elemento meta siguiente, para que el navegador responda al dispositivo:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Coloca dentro de las etiquetas de cabecera head la siguiente etiqueta:
<meta name="author" content="(cc) tuNombre" />
Comprime, con 7zip, toda la carpeta de tu proyecto (tarea) y guárdala en tu tarjeta de memoria y en una nube (Drive o onDrive) con el nombre t12_tipografia.7z. Más tarde la enviarás al Aula Virtual y al VPS (Servidor Privado Virtual).
Etiquetas: 2ª Evaluación, CSS