Fonte | Tutorial de CSS | #16 | #uninerds | Universo dos Nerds
2Mais informações:
http://www.uninerds.net/?locale=pt_BR#!html-css-e-javascript/tutorial-de-css
Initial e Inherit: https://youtu.be/FlrllrGksX0
Redes Sociais
Facebook: https://www.facebook.com/uninerds
Twitter: https://www.twitter.com/uninerds
YouTube: https://www.youtube.com/user/uninerds?sub_confirmation=1
LinkedIn: https://www.linkedin.com/company/uninerds
Instagram: https://www.instagram.com/uninerds
Gostou do vídeo? Veja 10 opções de como você pode apoiar o Universo dos Nerds:
https://youtu.be/KYAljlRtlb4
Hashtags: #uninerds
Afiliado: http://www.cursos24horas.com.br/parceiro.asp?cod=promocao131331
Contato: uninerds@uninerds.net
Para alterar a fonte do texto em CSS temos as seguintes propriedades:
- font-style serve para alterar o estilo da fonte e pode receber os seguintes valores:
- normal para deixar a fonte com o estilo padrão
- italic para itálico
- oblique também deixa o texto em itálico
- font-variant para alterar a forma de exibição e pode receber os seguintes valores:
- normal que é o padrão
- small-caps deixa todo o texto em maiúscula com a primeira letra de cada sentença maior
- font-weight para alterar o modo como é exibido e pode receber os seguintes valores:
- normal que é o padrão
- bold para deixar o texto em negrito
- bolder para deixar o texto em negrito
- lighter remove o negrito
- 100, 200, 300, 400, 500, 600, 700, 800 e 900
- font-size para alterar o tamanho da fonte e além de poder definir como unidade de medida e porcentagem também pode receber os seguintes valores:
- medium é o valor padrão
- xx-small que é muito pequeno
- x-small que é pouco menor
- small que é o pequeno
- large que é o grande
- x-large que é o pouco maior
- xx-large que é o muito grande
- smaller que é pouco menor
- larger que é o pouco maior
- font-family para definir a fonte que será aplicada para o texto e se o nome da fonte tiver espaço em branco deve colocar o nome entre ", para definir mais de um valor separe os nomes com , e na execução da página será utilizada a primeira fonte que estiver instalada no sistema do usuário
- font para definir tudo em uma única propriedade e a ordem é a que está na lista e no valor do font-size se colocar uma / e mais um valor esse último será o espaço entre as linhas do texto e ela também pode receber os seguintes valores:
- caption
- icon
- menu
- message-box
- small-caption
- status-bar