font-family
Define la familia de fuentes a utilizar para el texto.
Un ejemplo de código para font-family es el siguiente:
<!DOCTYPE html>
<html>
<head>
<style>
/* Definimos un estilo CSS para el párrafo */
p {
font-family: Arial, sans-serif;
}
</style>
</head>
<body>
<p>Este es un párrafo de ejemplo con Arial.</p>
</body>
</html>
<html>
<head>
<style>
/* Definimos un estilo CSS para el párrafo */
p {
font-family: Arial, sans-serif;
}
</style>
</head>
<body>
<p>Este es un párrafo de ejemplo con Arial.</p>
</body>
</html>
La página correspondiente está en en el ejemplo 17.
En este ejemplo:
Usamos la etiqueta <style> en el <head> del documento HTML para definir un estilo CSS interno.
Dentro del estilo CSS, seleccionamos todos los párrafos (p) y establecemos la propiedad font-family para cambiar la fuente del texto a "Arial" o, si no está disponible, a cualquier fuente sans-serif genérica.
Cuando abras este código en un navegador web, verás que el texto del párrafo se muestra en la fuente "Arial" o en una fuente sans-serif genérica si "Arial" no está disponible en el sistema. Puedes cambiar la fuente a cualquier otra que desees, asegurándote de que esté instalada en el sistema o especificando una fuente de respaldo en caso de que la primera elección no esté disponible.
Para aprender a controlar las negritas de las fuentes, haz clic aquí.
Volver a Catálogo de estilos.
Comentarios
Publicar un comentario