Las simples opciones de estilo le permiten cambiar la fuente (o el tipo) de una página web usando CSS (hojas de estilo en cascada). Puede configurar la fuente de palabras individuales, oraciones específicas, titulares, párrafos completos e incluso páginas completas de texto.
Cómo cambiar la fuente con CSS
Puede realizar los cambios de HTML y CSS que se explican a continuación utilizando cualquier editor de HTML o editor de texto. Puede copiar el texto de la página y pegarlo en un editor para hacer los cambios allí o abrir la página web completa en el editor y editar directamente.
-
Localiza el texto donde quieres cambiar la fuente. Usaremos esto como ejemplo:
Este texto está en Arial.
-
Rodea el texto con el elemento SPAN:
Este texto está en Arial.
-
Agregar el atributo estilo = "" a la etiqueta span:
Este texto está en Arial.
-
Dentro del atributo de estilo, cambie la fuente usando el Familia tipográfica estilo.
Este texto está en Arial.
-
Guarda los cambios para ver los efectos.
Consejos para usar CSS para cambiar la fuente
-
El mejor enfoque es tener siempre al menos dos fuentes en la pila de fuentes (la lista de fuentes), de modo que si el navegador no tiene la primera fuente, puede usar la segunda fuente.
Separe las múltiples opciones de fuentes con una coma, como esta:
Familia tipográfica: Arial, Ginebra, Helvética, sans-serif;
-
El ejemplo explicado anteriormente utiliza el estilo en línea, pero el mejor tipo de estilo utiliza una hoja de estilo externa para que pueda afectar más que solo un elemento. Puedes usar una clase para establecer el estilo en bloques de texto.
Este texto está en Arial.
En este ejemplo, el archivo CSS para aplicar el estilo del HTML anterior aparecerá como sigue:
.arial {font-family: Arial; }
-
Finalice siempre los estilos CSS con un punto y coma (;). No es obligatorio cuando solo hay un estilo, pero es un buen hábito comenzar.
