Programadores
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.
Procurar
 
 

Resultados por:
 


Rechercher Pesquisa avançada

Entrar

Esqueci-me da senha

Últimos assuntos
» What"s up?
aula de CSS Nº3 - Fontes EmptySeg Nov 14, 2011 1:36 pm por luiz_100juizo

» Olá caro programadores!
aula de CSS Nº3 - Fontes EmptySáb Out 29, 2011 7:58 am por AllanXD! Soft

» Eae Galera
aula de CSS Nº3 - Fontes EmptySáb Out 01, 2011 7:10 am por MegafireWoody

» [Atualização do fórum]Alguns ícones modificados
aula de CSS Nº3 - Fontes EmptySex Ago 05, 2011 2:49 pm por Henrique_GJ

» Amem Cheguei Manolo
aula de CSS Nº3 - Fontes EmptySex Ago 05, 2011 2:48 pm por Henrique_GJ

» aula de CSS Nº2 - Backgrounds
aula de CSS Nº3 - Fontes EmptySex Ago 05, 2011 2:47 pm por Henrique_GJ

» [Atualização do fórum]Atualização nas publicidades
aula de CSS Nº3 - Fontes EmptySex Ago 05, 2011 2:46 pm por Henrique_GJ

» Comple na área
aula de CSS Nº3 - Fontes EmptySex Ago 05, 2011 2:45 pm por Henrique_GJ

» [Atualização no fórum]Área de suporte para o CSS
aula de CSS Nº3 - Fontes EmptySex Ago 05, 2011 2:45 pm por Henrique_GJ

Os membros mais ativos da semana
Nenhum usuário


aula de CSS Nº3 - Fontes

3 participantes

Ir para baixo

aula de CSS Nº3 - Fontes Empty aula de CSS Nº3 - Fontes

Mensagem por prizm Sáb Jul 23, 2011 5:54 pm

Hoje vamos falar de fontes e como modificar a sua aparência.

Eis as propriedades de que vamos falar nesta aula:

  • font_family
  • font_style
  • font_variant
  • font_weight
  • font_size


FONT-FAMILY

A propriedade font-family é usada para definir uma lista de fontes e a sua prioridade de apresentação de um elemento em uma página. Se a primeira fonte da lista não estiver instalada no computador do usuário, deverá ser usada a segunda e assim por diante até ser encontrada uma fonte instalada.

Alguns exemplos de familias de fontes:
aula de CSS Nº3 - Fontes Figure005.pt-br

Ao listar fontes para o seu website, comece com aquela preferida, seguindo-se algumas alternativas para ela. É recomendável encerrar a listagem das fontes com uma fonte genérica. Assim fazendo, em último caso a página será renderizada com uma fonte da mesma família das que foram especificadas quando todas as demais estiverem indisponíveis no computador do usuário.

Exemplo:


h1 {font-family: arial, verdana, sans-serif;}
h2 {font-family: "Times New Roman", serif;}


Na primeira linha de código definiu-se que para os cabeçalhos 1 usa-se por ordem de preferência as fontes: arial, verdana e em seguida qualquer outra fonte da família sans-serif. Já na segunda linha de código escolheu-se a fonte Times New Roman (como ela têm espaços no meio do nome deve ser colocada entre aspas) e em seguida qualquer outra fonte da família serif.

EXEMPLO AQUI

FONT-STYLE

A propriedade font_style define se a fonte deve ser apresentada em italico, normal ou oblique.

CÓDIGO DESCRIÇÃO
font-style:italic; A fonte será definida para itálico
font-style:normal; A fonte será definida para normal
font-style:oblique; A fonte será definida para oblique


EXEMPLO AQUI

FONT-VARIANT

A propriedade font-variant é usada para escolher as variantes normal ou small-caps. Uma fonte small-caps é aquela que usa letras maiúsculas de tamanhos reduzidos.

CÓDIGO DESCRIÇÃO
font-variant: normal; define a fonte para normal
font-variant: small-caps; define a fonte para small-caps

EXEMPLO AQUI

FONT-WEIGHT

A propriedade font-weight é usada para escolher as variantes bold e normal.

CÓDIGO DESCRIÇÃO
font-weight: normal; define a fonte para normal
font-weight: bold; define a fonte para bold

EXEMPLO AQUI

FONT-SIZE

A propriedade font-size define o tamanho da fonte e há muitas unidades possíveis para o fazer alguns exemplos são: px, %, pt e em.


h1 {font-size: 30px;}
h2 {font-size: 12pt;}
h3 {font-size: 120%;}
h4 {font-size: 1em;}



EXEMPLO AQUI

E assim acaba mais uma aula. cheers

Na próxima aula vamos falar de textos.
prizm
prizm
Novato
Novato

Mensagens : 41
Reputação : 0
Data de inscrição : 03/07/2011
Idade : 28
Localização : portugal

http://www.primz.weebly.com

Ir para o topo Ir para baixo

aula de CSS Nº3 - Fontes Empty Re: aula de CSS Nº3 - Fontes

Mensagem por Henrique_GJ Sáb Jul 23, 2011 8:14 pm

o que significa, no caso das fontes, ter ou não ter "pé"?
Henrique_GJ
Henrique_GJ
Regular
Regular

Mensagens : 76
Reputação : 0
Data de inscrição : 18/07/2011

Ir para o topo Ir para baixo

aula de CSS Nº3 - Fontes Empty Re: aula de CSS Nº3 - Fontes

Mensagem por Ai meu Deus! Sáb Jul 23, 2011 8:34 pm

Realmente estou gostando desta linguagem, vou ver se coloco uma área para tutoriais de CSS, ok?
Ai meu Deus!
Ai meu Deus!
Adminstrador
Adminstrador

Mensagens : 80
Reputação : -1
Data de inscrição : 22/04/2011

http://mundogamer.forumeiros.org/forum

Ir para o topo Ir para baixo

aula de CSS Nº3 - Fontes Empty Re: aula de CSS Nº3 - Fontes

Mensagem por prizm Dom Jul 24, 2011 4:31 am

ter pé é tipo as letras terem um traço como se estive a apoiar no chão.
prizm
prizm
Novato
Novato

Mensagens : 41
Reputação : 0
Data de inscrição : 03/07/2011
Idade : 28
Localização : portugal

http://www.primz.weebly.com

Ir para o topo Ir para baixo

aula de CSS Nº3 - Fontes Empty Re: aula de CSS Nº3 - Fontes

Mensagem por Henrique_GJ Dom Jul 24, 2011 9:11 am

ata, reparei nisso agora, legal xDD
Henrique_GJ
Henrique_GJ
Regular
Regular

Mensagens : 76
Reputação : 0
Data de inscrição : 18/07/2011

Ir para o topo Ir para baixo

aula de CSS Nº3 - Fontes Empty Re: aula de CSS Nº3 - Fontes

Mensagem por Conteúdo patrocinado


Conteúdo patrocinado


Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos