Compreensão e Uso das Propriedades de Fonte
Aqui estão as propriedades CSS mais comuns usadas para estilizar fontes:
selector {
font-family: 'Montserrat' | 'Oswald' | 'Lato' |...; /* any font family */
font-size: 12px | 0.5em | 0.8rem |...; /* it can be any value in px/em/rem units */
font-weight: 400 | 500 | 700 | 900 |...; /* value 100 - 900 */
font-style: normal | italic | oblique; /* only these values available */
}
Todos os exemplos usam o mesmo texto para mostrar como essas propriedades alteram a aparência.
font-family
Define a família tipográfica usada para exibir o texto. É possível definir uma fonte ou uma lista de fontes alternativas separadas por vírgulas.
font-size
Controla o tamanho do texto. px: tamanho fixo. em/rem: tamanho relativo ao elemento pai ou raiz.
font-weight
Controla a espessura do texto. Valores numéricos: 100–900. Palavras-chave: normal, bold, lighter.
font-style
Especifica o estilo do texto: normal, italic ou oblique.
Pseudo-classe ::first-letter
::first-letter seleciona a primeira letra de um elemento (normalmente um parágrafo ou título), permitindo efeitos decorativos ou estilizados.
selector::first-letter {
/* some styles */
}
Veja o próximo exemplo para entender como funciona.
index.html
styles.css
font-family define a fonte e alternativas.
font-size controla o tamanho do texto em px, em ou rem.
font-weight ajusta a espessura usando números ou palavras-chave.
font-style altera o estilo da fonte.
::first-letter estiliza a primeira letra de um bloco de texto.
1. Qual propriedade determina a espessura da fonte?
2. Qual é o valor padrão da propriedade font-style no CSS?
Obrigado pelo seu feedback!
Pergunte à IA
Pergunte à IA
Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo
Can you show an example of using the ::first-letter pseudo-class?
What are some common use cases for ::first-letter in web design?
Can you explain the difference between font-style italic and oblique?
Incrível!
Completion taxa melhorada para 2.56Compreensão e Uso das Propriedades de Fonte
Deslize para mostrar o menu
Aqui estão as propriedades CSS mais comuns usadas para estilizar fontes:
selector {
font-family: 'Montserrat' | 'Oswald' | 'Lato' |...; /* any font family */
font-size: 12px | 0.5em | 0.8rem |...; /* it can be any value in px/em/rem units */
font-weight: 400 | 500 | 700 | 900 |...; /* value 100 - 900 */
font-style: normal | italic | oblique; /* only these values available */
}
Todos os exemplos usam o mesmo texto para mostrar como essas propriedades alteram a aparência.
font-family
Define a família tipográfica usada para exibir o texto. É possível definir uma fonte ou uma lista de fontes alternativas separadas por vírgulas.
font-size
Controla o tamanho do texto. px: tamanho fixo. em/rem: tamanho relativo ao elemento pai ou raiz.
font-weight
Controla a espessura do texto. Valores numéricos: 100–900. Palavras-chave: normal, bold, lighter.
font-style
Especifica o estilo do texto: normal, italic ou oblique.
Pseudo-classe ::first-letter
::first-letter seleciona a primeira letra de um elemento (normalmente um parágrafo ou título), permitindo efeitos decorativos ou estilizados.
selector::first-letter {
/* some styles */
}
Veja o próximo exemplo para entender como funciona.
index.html
styles.css
font-family define a fonte e alternativas.
font-size controla o tamanho do texto em px, em ou rem.
font-weight ajusta a espessura usando números ou palavras-chave.
font-style altera o estilo da fonte.
::first-letter estiliza a primeira letra de um bloco de texto.
1. Qual propriedade determina a espessura da fonte?
2. Qual é o valor padrão da propriedade font-style no CSS?
Obrigado pelo seu feedback!
