W3docs

css

¿Qué propiedad se utiliza para cambiar la fuente de un elemento?

Practica Tu Conocimiento

¿Qué propiedad se utiliza para cambiar la fuente de un elemento?

Explicación

Uso de la propiedad font-family en CSS

La propiedad font-family en CSS se utiliza para cambiar la fuente de un elemento. Según la pregunta JSON proporcionada, esta es la respuesta correcta.

Esta propiedad especifica la tipografía o fuentes que se usarán para mostrar el texto de un elemento. Se puede definir más de una fuente como valor para font-family. Estas fuentes se enumeran en un orden de preferencia, separadas por comas. Si la primera fuente no está disponible, el navegador intentará usar la siguiente y así sucesivamente hasta encontrar una que esté disponible.

Por ejemplo:

p {
  font-family: Arial, sans-serif;
}

En este ejemplo, si la fuente "Arial" no está disponible en el sistema del usuario, el navegador utilizará la fuente genérica "sans-serif".

No confundamos font-family con otras propiedades similares como font-style, font-weight y font-size, las cuales se utilizan para cambiar el estilo, el peso y el tamaño de la fuente respectivamente. Estas propiedades junto con font-family forman parte del conjunto de propiedades relacionadas con la tipografía en CSS.

Una de las mejores prácticas a seguir al usar font-family es siempre definir una fuente genérica al final de la lista de fuentes. Esto se debe a que si ninguna de las fuentes específicas que hemos definido está disponible, el navegador podrá recurrir a la fuente genérica.

Además, es necesario tener en cuenta que el nombre de las fuentes que contienen espacios deben encerrarse entre comillas. Por ejemplo:

p {
  font-family: 'Times New Roman', serif;
}

En resumen, la propiedad font-family en CSS es esencial para mejorar la presentabilidad y la legibilidad de los elementos de texto en una página web. Variar las fuentes según los requerimientos puede hacer que su página web sea más atractiva y funcional para sus usuarios.

¿Quieres más? Haz el cuestionario completo de CSS Fundamentos.

Iniciar Quiz