Tecnología

Inicio

Cómo cambiar la fuente de un sitio web

Si es el propietario o desarrollar un sitio web, puede utilizar Hyper Text Markup Language (HTML) y hojas de estilo en cascada (CSS) para aplicar estilos sin fin a la página web. CSS permite cambiar la fuente de la página web entera / página o elementos concretos del sitio web tan simple como editar un único archivo si utiliza una hoja de estilos externa o una sola sección en su documento de página Web. Además, es compatible con CSS estilos de fuente, como negrita o cursiva, texto en color y los tipos de fuentes de encargo.

Instrucciones

todas las Fuentes

1 Lanzamiento de su editor de texto / código en el ordenador y abrir el menú Archivo.

2 Haga clic en "Abrir" y busque la página Web que desea editar en su ordenador. Haga doble clic en él para abrirlo.

3 Introduzca el siguiente código HTML antes de la etiqueta de cierre </ head>.

<Style type = "text / html">

cuerpo

{

font-family: Verdana;

font-style: cursiva;

font-size: 14px;

color rojo;

}

</ Style>

4 Cambiar "Verdana" a la fuente de su elección y "rojo" por el color de su elección. Puede usar el nombre del color o el código hexadecimal.

5 Retire toda la línea que dice "font-style: cursiva;" si no desea tener el texto en cursiva. También puede reemplazar esta línea con "font-weight: bold" para crear texto en negrita en el documento.

6 Abra el menú Archivo y haga clic en "Guardar" para guardar el documento.

Algún texto

7 Abra su página Web en el editor de código.

8 Agregue el siguiente texto a la parte de la cabeza de su documento:

<Style type = "text / html">

p.red

{

font-family: Verdana;

font-style: cursiva;

font-size: 14px;

color rojo;

}

</ Style>

9 Cambiar la familia de la fuente, color y tamaño para adaptarse a sus preferencias. Cambiar o quitar el estilo de fuente. Puede cambiar el nombre de esta clase CSS de "rojo" a algo que es más útil o memorable también. Por ejemplo, podría utilizar "p.alert" si va a añadir efectos especiales a una notificación de alerta en su página web.

10 Coloque el texto que desea ser especialmente estilizada entre <p class = "red"> y </ p> por lo que es similar a esto:

<P class = "red"> Este texto será de color rojo y cursiva. </ P>

Recuerde que debe cambiar "rojo" si ha cambiado el nombre de la clase en el CSS.

11 Guarde la página Web.

Consejos y advertencias

  • Si está utilizando una hoja de estilos externa, puede agregar los bloques CSS para la hoja de estilo, pero no agregue las etiquetas HTML de apertura y cierre.
  • Puede aplicar efectos de fuentes específicas a cualquier selector. Por ejemplo, puede reemplazar "p.red" con "h1" para afectar a todos los encabezados H1 o "span" para modificar todo el texto dentro de un contenedor lapso.