Una parte importante nello sviluppo di una pagina o di un sito web, è sicuramente la scelta e la gestione dei caratteri (fonts), che andremo ad utilizzare.
In questo post vediamo alcune caratteristiche e proprietà per la gestione dei fonts con i css.
Le proprietà fondamentali per la gstione dei caratteri (fonts) di una pagina web con i css sono:
- font-family
- font-size
- font-weight
- font-style
- color
La proprietà font-family permette di definire il tipo di carattere che deve essere visualizzato o stampato per un determinato elemento.
La proprietà font-size permette di definire la dimensione del carattere che viene visualizzato o stampato per un determinato elemento.
La proprietà font-weight permette di definire la pesantezza del carattere e cioè se deve essere visualizzato o stampato in grassetto oppure normale.
La proprietà font-style permette di definire lo stile del carattere in normale, italico oppure oblioquo.
La proprietà color permette di definire il colore del carattere che deve essere visualizzato o stampato per un determinato elemento.
Vediamo subito un piccolo esempio pratico:
<html>
<head>
<title>Proprietà fonts css</title>
<style>
h1 {
font-family: Arial, Helvetica, san-serif;
font-size: 14px;
font-weight: bold;
font-style: italic;
color: #ff0000;
}
.testo {
font-family: Arial, Helvetica, san-serif;
font-size: 12px;
font-weight: normal;
color: #000000;
}
</style>
</head>
<body>
<div align="center">
<h1>Prova proprietà dei fonts con i css</h1>
<p class="testo">
Testo del paragrafo della pagina html.
</p>
</div>
</body>
</html>
A questo punto non rimane altro che salvare il file con nome, ad esempio prova-css.html e lanciarlo nel browser per vedere il risultato.
