Tecnología

Inicio

Cómo construir un sitio web con fuentes escalables

Cómo construir un sitio web con fuentes escalables


Un sitio web con fuentes escalables significa que su visitante controla el tamaño del texto en las páginas Web. El uso de hojas de estilo en cascada (CSS), que establecen el tamaño de texto en un valor relativo en porcentajes en lugar de un tamaño absoluto en puntos fijos o píxeles. De esta manera, el espectador tiene la capacidad de utilizar el ajuste de las preferencias en su navegador de Internet para que el contenido tan grande como él requiere. Construir un sitio web con fuentes escalables mediante la aplicación de CSS para el código de página existente HyperText Markup Language (HTML).

Instrucciones

1 Iniciar el programa editor de texto de su ordenador y abrir un documento web.

2 Escriba el siguiente regla de estilo CSS entre el "<head> </ head>" elementos del código HTML:
<Style type = "text / css">
body {font-size:; }
</ Style>

3 Introduzca un valor numérico en un porcentaje para determinar el tamaño de la fuente aparece inicialmente. Por ejemplo, escriba 100 por ciento después de que el "font-size:" la entrada de la siguiente manera:
body {font-size: 100%; }

4 Escribir otra regla de estilo de tamaño de fuente para otros elementos de la página Web, como por ejemplo, las partidas que requieren un tamaño de texto diferente. Por ejemplo, hacer que el "<h1>" etiqueta más grande que el resto del contenido de la página mediante la introducción de un valor como 120 por ciento como el siguiente ejemplo:
h1 {font-size: 120%; }

5 Guarde el documento. Repita los pasos anteriores en las páginas del sitio web que prefiera.