Propriedade font-size
A propriedade font-size
é usado para definir o tamanho da fonte de um elemento HTML.
Exemplos
Tamanho absoluto
.titulo {
font-size: 24px; /* Tamanho da fonte em pixels */
}
.paragrafo {
font-size: 18px; /* Tamanho da fonte em pixels */
}
Tamanho relativo
.subtitulo {
font-size: 1.5em; /* Tamanho 1.5 vezes maior que o elemento pai */
}
.texto-pequeno {
font-size: 0.8em; /* Tamanho 0.8 vezes menor que o elemento pai */
}
Tamanho com unidades relativas à Viewport
.destaque {
font-size: 4vw; /* Tamanho da fonte em 4% da largura da viewport */
}
.texto-grande {
font-size: 8vh; /* Tamanho da fonte em 8% da altura da viewport */
}