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 */
}

Referências