Propriedades da Fonte
Vamos considerar as propriedades mais comuns relacionadas a fontes.
Nota
Todos os exemplos serão demonstrados utilizando o mesmo conteúdo textual para oferecer a oportunidade de observar como o mesmo texto pode ser exibido de maneiras diferentes.
font-family
A propriedade font-family define a família ou famílias de fontes que serão utilizadas para exibir o conteúdo do texto. É possível especificar um único nome de família de fontes ou uma lista de vários nomes de famílias de fontes separados por vírgulas.
tamanho da fonte
A propriedade font-size define o tamanho da fonte para exibir o conteúdo do texto. Pode ser um tamanho fixo medido em px ou um tamanho relativo medido em unidades em ou rem.
Espessura da fonte
A propriedade font-weight determina a espessura ou peso da fonte usada na exibição do conteúdo textual. Pode ser especificada como um valor numérico (por exemplo, 300, 500, 700, ...) ou como uma palavra-chave (por exemplo, lighter, normal ou bold).
estilo de fonte
A propriedade font-style especifica o estilo da fonte a ser usado para o conteúdo do texto. Isso pode ser normal (o valor padrão), italic ou oblique.
Pseudo-classe first-letter
A pseudo-classe first-letter seleciona e estiliza a primeira letra de um parágrafo ou cabeçalho. Para usar essa pseudo-classe, precisamos colocar o dobro de :: após um seletor e adicionar a palavra-chave first-letter.
Vamos executar o próximo exemplo para ver como funciona.
index.html
index.css
index.js
Tudo estava claro?
Conteúdo do Curso
CSS Fundamentals
1. Introdução ao CSS
3. Modelo de Caixa e Espaçamento de Elementos
CSS Fundamentals
Propriedades da Fonte
Vamos considerar as propriedades mais comuns relacionadas a fontes.
Nota
Todos os exemplos serão demonstrados utilizando o mesmo conteúdo textual para oferecer a oportunidade de observar como o mesmo texto pode ser exibido de maneiras diferentes.
font-family
A propriedade font-family define a família ou famílias de fontes que serão utilizadas para exibir o conteúdo do texto. É possível especificar um único nome de família de fontes ou uma lista de vários nomes de famílias de fontes separados por vírgulas.
tamanho da fonte
A propriedade font-size define o tamanho da fonte para exibir o conteúdo do texto. Pode ser um tamanho fixo medido em px ou um tamanho relativo medido em unidades em ou rem.
Espessura da fonte
A propriedade font-weight determina a espessura ou peso da fonte usada na exibição do conteúdo textual. Pode ser especificada como um valor numérico (por exemplo, 300, 500, 700, ...) ou como uma palavra-chave (por exemplo, lighter, normal ou bold).
estilo de fonte
A propriedade font-style especifica o estilo da fonte a ser usado para o conteúdo do texto. Isso pode ser normal (o valor padrão), italic ou oblique.
Pseudo-classe first-letter
A pseudo-classe first-letter seleciona e estiliza a primeira letra de um parágrafo ou cabeçalho. Para usar essa pseudo-classe, precisamos colocar o dobro de :: após um seletor e adicionar a palavra-chave first-letter.
Vamos executar o próximo exemplo para ver como funciona.
index.html
index.css
index.js
Tudo estava claro?
