Tamanho do caractere
Para aumentar o tamanho da fonte, use os códigos abaixo:
- Defina o tamanho com font size="valor"
Exemplo:
<span style="font-size: 14pt">Bem vindo!</span>
será exibido como Bem vindo!
Espaçamento
Para realizar o espaçamento entre letras de uma palavra, use o código abaixo:
Exemplo:
<span style="font-size: 14pt; letter-spacing: 10pt">Bem vindo!</span>
será exibido como Bem vindo!
Para realizar o espaçamento entre palavras, use o código abaixo:
Exemplo:
<span style="font-size: 14pt; word-spacing: 20pt">Bem vindo!</span>
será exibido como Bem vindo!
Cor de uma fonte
Para mudar as cores de uma fonte pode-se usar o hexadecimal (por exemplo, bronze é #CD7F32) ou o nome de cores em HTML (por exemplo, red).
Exemplos:
- <span style="color:red">texto em vermelho</span>
será visualizado como texto em vermelho
- <span style="color:green">texto em verde</span>
será visualizado como texto em verde
- <span style="color:#0000FF">texto em azul</span>
será visualizado como texto em azul
Famílias de fontes
Para alterar a família da fonte, use os códigos abaixo:
- Coloque a fonte que você quer style="font-family: (fonte desejada); "
- Diretamente após o código, coloque seu texto
Exemplo:
<span style="font-family: Monotype Corsiva; font-size: 18pt">Bem vindo!</span>
será visualizado como Bem vindo!
Lista de fontes
| Nome da fonte
|
Exemplo da fonte
|
| Agency FB
|
The Quick Brown Fox Jumps Over The Lazy Dog
|
| Algerian
|
The Quick Brown Fox Jumps Over The Lazy Dog
|
| Andale Mono
|
The Quick Brown Fox Jumps Over The Lazy Dog
|
| Arial
|
The Quick Brown Fox Jumps Over The Lazy Dog
|
| Arial Black
|
The Quick Brown Fox Jumps Over The Lazy Dog
|
| Arial Narrow
|
The Quick Brown Fox Jumps Over The Lazy Dog
|
| Bauhaus 93
|
The Quick Brown Fox Jumps Over The Lazy Dog
|
| Berlin Sans FB
|
The Quick Brown Fox Jumps Over The Lazy Dog
|
| Berlin Sans FB Demi
|
The Quick Brown Fox Jumps Over The Lazy Dog
|
| Bernard MT Condensed
|
The Quick Brown Fox Jumps Over The Lazy Dog
|
| Bodoni MT Poster Compressed
|
The Quick Brown Fox Jumps Over The Lazy Dog
|
| Book Antiqua
|
The Quick Brown Fox Jumps Over The Lazy Dog
|
| Bookman Old Style
|
The Quick Brown Fox Jumps Over The Lazy Dog
|
| Bradley Hand ITC
|
The Quick Brown Fox Jumps Over The Lazy Dog
|
| Britannic Bold
|
The Quick Brown Fox Jumps Over The Lazy Dog
|
| Broadway
|
The Quick Brown Fox Jumps Over The Lazy Dog
|
| Brush Script MT
|
The Quick Brown Fox Jumps Over The Lazy Dog
|
| Calibri
|
The Quick Brown Fox Jumps Over The Lazy Dog
|
| Californian FB
|
The Quick Brown Fox Jumps Over The Lazy Dog
|
| Calisto MT
|
The Quick Brown Fox Jumps Over The Lazy Dog
|
| Cambria
|
The Quick Brown Fox Jumps Over The Lazy Dog
|
| Candara
|
The Quick Brown Fox Jumps Over The Lazy Dog
|
| Castellar
|
The Quick Brown Fox Jumps Over The Lazy Dog
|
| Centaur
|
The Quick Brown Fox Jumps Over The Lazy Dog
|
| Century Gothic
|
The Quick Brown Fox Jumps Over The Lazy Dog
|
| Century Schoolbook
|
The Quick Brown Fox Jumps Over The Lazy Dog
|
| Chiller
|
The Quick Brown Fox Jumps Over The Lazy Dog
|
| Colonna MT
|
The Quick Brown Fox Jumps Over The Lazy Dog
|
| Comic Sans MS
|
The Quick Brown Fox Jumps Over The Lazy Dog
|
| Consolas
|
The Quick Brown Fox Jumps Over The Lazy Dog
|
| Constantia
|
The Quick Brown Fox Jumps Over The Lazy Dog
|
| Cooper Black
|
The Quick Brown Fox Jumps Over The Lazy Dog
|
| Copperplate Gothic Bold
|
The Quick Brown Fox Jumps Over The Lazy Dog
|
| Corbel
|
The Quick Brown Fox Jumps Over The Lazy Dog
|
| Courier New
|
The Quick Brown Fox Jumps Over The Lazy Dog
|
| Franklin Gothic Heavy
|
The Quick Brown Fox Jumps Over The Lazy Dog
|
| Franklin Gothic Medium
|
The Quick Brown Fox Jumps Over The Lazy Dog
|
| Freestyle Script
|
The Quick Brown Fox Jumps Over The Lazy Dog
|
| Garamond
|
The Quick Brown Fox Jumps Over The Lazy Dog
|
| Georgia
|
The Quick Brown Fox Jumps Over The Lazy Dog
|
| GulimChe
|
The Quick Brown Fox Jumps Over The Lazy Dog
|
| Impact
|
The Quick Brown Fox Jumps Over The Lazy Dog
|
| Kristen ITC
|
The Quick Brown Fox Jumps Over The Lazy Dog
|
| Lucida Console
|
The Quick Brown Fox Jumps Over The Lazy Dog
|
| Lucida Handwriting
|
The Quick Brown Fox Jumps Over The Lazy Dog
|
| MingLiU
|
The Quick Brown Fox Jumps Over The Lazy Dog
|
| Monotype Corsiva
|
The Quick Brown Fox Jumps Over The Lazy Dog
|
| MS Gothic
|
The Quick Brown Fox Jumps Over The Lazy Dog
|
| Old English TEXT MT
|
The Quick Brown Fox Jumps Over The Lazy Dog
|
| Symbol
|
The Quick Brown Fox Jumps Over The Lazy Dog
|
| Tahoma
|
The Quick Brown Fox Jumps Over The Lazy Dog
|
| Times New Roman
|
The Quick Brown Fox Jumps Over The Lazy Dog
|
| Trebuchet MS
|
The Quick Brown Fox Jumps Over The Lazy Dog
|
| Verdana
|
The Quick Brown Fox Jumps Over The Lazy Dog
|
| Wingdings
|
The Quick Brown Fox Jumps Over The Lazy Dog
|
|