Este documento resume os principais pontos sobre estilização de fontes em CSS. Ele discute como definir famílias de fontes, estilos (itálico, negrito), tamanho e decoração. Além disso, explica como controlar espaçamentos entre letras, palavras e linhas, e alinhar o texto.

1. Textos (fontes)
CSS - Style Sheet
Professor: Jolvani
Aula 13

2. Textos (fontes) - CSS

Estilização de fontes

Para definir uma fonte:

3. Textos (fontes) - CSS

Pode-se definir uma família de fontes:

Declaramos varias fontes e a ultima delas é genérica

Temos dois tipos de fontes: Seguras e Genéricas.

Seguras: são encontradas em praticamente todos os SOs.

São 9 fontes....

4. Textos (fontes) - CSS

Com essa declaração, Primeiro será verificado a existência da fonte
“lucida grande” depois “lucida sans” e assim por diante

A ordem das declarações indicam qual a fonte que será apresentada por
primeiro... E por fim a fonte genérica (sans-serif).
 O W3C define 5 fontes genéricas se as outras falharem a fonte
genérica deverá funcionar.

5. Textos (fontes) - CSS

Diferença entre sans-serif e serif


Traços de acabamento
Definir estilo de para fonte: font-style:

Normal: normal;

Itálico: italic;

Oblíquo: oblique;

Valor herdado: inherit;

6. Textos (fontes) - CSS

Tonalidade da fonte: font-weight: (bold, lighter, e valores de 100 a 900)

Transforma letras Minúscula em maiúscula (só que um pouco menor que
as leras maiúsculas originais): font-variant:small-caps.

Tamanho do texto: font-size: 20px;

7. Textos (fontes) - CSS

Podemos abreviar nossa estilização.... Usando apenas font:

Composta por:

Font-style

Font-weight

Font-variant

Font-size

Font-family

8. Textos (Espaçamento e
Alinhamento)
CSS - Style Sheet
Professor: Jolvani
Aula 14

9. Textos (Espaçamentos e Alinhamentos) - CSS

Espaçamentos entre as letras: usa-se o atributo letter-spacing:

Espaçamento entre palavras: usa-se o atributo word-spacing:
 Espaçamento entre as linhas - align-height:
controla a altura dos blocos in-line dentro
dos elementos em bloco:

10. Textos (Espaçamentos e Alinhamentos) - CSS

A propriedade line-heigth pode receber número:

Ou porcentagem (%), quando usamos número, o valor (2) é multiplicado
pelo tamanho da fonte, na porcentagem é em relação ao valor do
tamanho da fonte também.

Manipulação com vertical-align: Primeiro marcamos nosso texto...

Valores: vertical-align:sup; -> text-top; text-botton.

Dependendo da fonte sua alteração será maior ou menor...

11. Textos (Espaçamentos e Alinhamentos) - CSS

Alinhamentos: text-align -> left, center, right, justify;

“Identando” o texo -> “Indentação” no texto: text-indent: Recebe
valores negativos.

12. Textos (Decoração)
CSS - Style Sheet
Professor: Jolvani
Aula 15

13. Textos (Decoração) - CSS

Decoração do texto: text-decoration -> underline (sublinhado), overline
(uma linha acima), line-through (linha cortando o texto), blink
(piscando);

Podemos ainda usar mais de um valor:

Efeitos de capitalização: text-transform: capitalize; coloca primeira
letra em maiúsculo. Todos em caixa alta: text-transform: uppercase;

14. Textos (Decoração) - CSS

Caixa baixa: text-transform: lowercase;

15. Próxima Aula: Background