La propiedad de fuente CSS se utiliza para establecer el contenido de fuentes del elemento HTML. La propiedad font-family especifica la fuente de un elemento. Puede tener varias fuentes como sistema de respaldo, es decir, si el navegador no admite una fuente, se puede usar la otra.
Sintaxis:
element_selector {
font-family: fonts-name | initial | inherit;
}
Valores de propiedad:
- fonts-name: los nombres de la fuente entre comillas separados por comas.
- initial: Establece la propiedad a su valor por defecto.
- heredar: hereda la propiedad del elemento padre.
Ejemplo:
HTML
<!DOCTYPE html>
<html>
<head>
<title>
How to set font family
of text using CSS ?
</title>
<style>
body {
text-align: center;
}
h1 {
color: green;
}
.para1 {
font-family: "Impact", Times, serif;
}
.para2 {
font-family: Arial, Helvetica, sans-serif;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>
How to set font family
of text using CSS ?
</h2>
<p class="para1">
GeeksforGeeks in Impact font
</p>
<p class="para2">
GeeksforGeeks in Arial font
</p>
</body>
</html>
Producción:
