ubiquitour.com

Cómo cambiar el estilo de fuente en un sitio web

Estilos de fuente son uno de los elementos básicos del diseño de un sitio web atractivo. Estos estilos incluyen colores, tipo de fuente y otros atributos tales como cursiva y negrita. Puede cambiar el estilo de fuente mediante clases CSS en la parte superior de la página, o puede cambiar el estilo de fuente usando la etiqueta "font" en la página web. Algunas aplicaciones de software de diseño web le permiten cambiar el estilo de fuente mediante un editor gráfico. Sin embargo, conocer el código HTML le da más control de la distribución.

Instrucciones

1 Abra un editor de texto. Esto puede ser algo simple como el Bloc de notas o más avanzados como Visual Studio.

2 Crear un bloque de estilo dentro de las principales etiquetas del código HTML. La etiqueta de "estilo" denota los estilos CSS, que se utilizan para cambiar los diseños de elementos como la fuente. El código siguiente inicia un bloque de estilo:< estilo tipo = "text/css" >< / script >

3 Añadir estilos de fuente al estilo bloque creado en el paso dos. Para cada elemento HTML, puede crear un estilo de fuente diferente. El código siguiente crea un estilo de fuente para la etiqueta (etiqueta de párrafo) de la "p" y "h1" (encabezado etiqueta).< estilo tipo = "text/css" >p {font-family: "Verdana", Verdana, serif; font-estilo: normal}h {font-family: "Verdana", Verdana, serif; font-estilo: negrita}< /script >La primera línea crea la fuente Verdana. La segunda línea de código utiliza Verdana font para crear encabezados de negrita.

4 Utilice la etiqueta "font" para crear en línea estilos de fuente. Esta etiqueta encapsula el texto y cambia cada línea de código. A continuación es una muestra utilizando la etiqueta font. Este código reemplaza también códigos de estilo CSS en el encabezado de la página web.< tamaño de fuente = "3" color = "red" > este texto es el tamaño 3 y rojo < / font >

5 Guarde el archivo en tu disco duro y abrirlo por medio de su navegador web. Al abrir el archivo, los estilos de fuente asociadas aparecen en el texto de la página.